通过javascript获取被勾选的checkbox解决方法

思路:

用javascript的dom操作获取节点,并获取其属性,得到要获取的类的id的String,发给后台,截取String,获得该类的List。

需要注意的是:

不知道为什么getIlementById("id").getAttribute("value")获取不到,value属性。所以选择getIlementById("id").getAttribute("title")来获取写在title中的属性。

具体实现:

list是后台传来的xmdj实体类的List。

<form>
    <label>
          项目列表:
    </label>
        <c:forEach items = "${list}"   var = "xm" varStatus = "status">
               <c:if test = "${status.count%2 eq 0}"><p></p></c:if>
               <input type="checkbox" id = "${status.index}"  title = "${xm.id}">${xm.name}</input>
         </c:forEach>

       <input id = "btnSubmit" type ="button" value = "保存"/>
</form>

js代码:

//全局设置ajax为同步
$.ajaxSetup({
   async:false
)};

$(document).ready(function(){
       $("#btnSubmit").click(function(){
                 var xmNum;
                  //获得项目数
                 $.getJSON("${ctx}/sys/show/getXmLength",fuction(data){
        xmNum = data;
  });
var param = "";
for(var i = 0; i < xmNum; i++){
   if(document.getElementById(i.toString()).checked){
        param += document.getElementById(i.toString()).getAttribute("title")+",";
    }
//把获取的String发给后台,由后台截取String获得id的List
$.post……
}  
时间: 2024-08-13 08:46:20

通过javascript获取被勾选的checkbox解决方法的相关文章

获取每个勾选的checkbox中的value值

<!--获取每个勾选的checkbox中的value值-->  $.each($('input:checkbox:checked'),function(){                window.alert("你勾选了:"+ $('input[type=checkbox]:checked').length+"个checkbox,其中每个的value值是:"+$(this).val());            }); 原文地址:https://ww

jquery中checkbox全选失效的解决方法

这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下 如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop(

JavaScript获取后台C#变量以及调用后台方法 &amp;&amp; 获取请求的URL参数

一.当然我们可以在后台中获取参数的值,然后在前台js代码中获取变量的值,具体做法请参考下面JavaScript获取后台C#变量以及调用后台方法. 其实我们也可以直接在js中获取请求的参数的值,通过使用window.location.search可以获取到当前URL的?号开始的字符串,如前面的链接获取到的search为?id=001.再对获取的字符串进行处理,就可以获取到参数的值了. 复制代码 代码如下: 1 function getUrlParam(name) { 2 var reg = new

【javascript】浮点数运算问题分析及解决方法

问题: 在用 js 进行小数四则运算时发现了一个重大问题,比如:0.7 * 0.8 = 0.5599999999999999 分析: 在 js 中只有一种数字类型 Number,而且在 js 中所有的数字都是以 IEEE-754 标准格式表示的.浮点数的精度问题并不是 js 特有的,因为有些小数以二进制表示位数是无穷的,比如 1.1,其程序实际上无法真正的表示 1.1,而只能做到一定程度上的准确(1.09999999999999999),这是无法避免的精度丢失. 通过 chrome 控制台,我们

使用Powershell 的获取别的机器WMI类失败解决方法!

有些时候需要连接多台机器去获取他们的类,但是有些时候我们发现计算机无法连接,这个时候怎么办呢? 请修改组策略中以下配置: 可以使用Gpmc.msc 进行以后,本地计算机策略--计算机配置--管理模板--网络--网络连接--WIndow防火墙--允许远程管理启用 即可 截图如下: 使用Powershell 的获取别的机器WMI类失败解决方法!,布布扣,bubuko.com

php表单提交时获取不到post数据的解决方法

原文:http://blog.csdn.net/whd526/article/details/53263181 博主运行PHP环境:windows+phpstorm+xampp 初学php,用echo $_POST["variable"]和var_dump($_POST) 都获取不到post数据. 解决方法如下: 1.找到php.ini 配置文件,查找enable_post_data_reading变量,确保其打开状态: 2.观察你的运行php的浏览器地址,会发现在PhpStorm中打

WPF TreeView 选择事件执行两次,获取TreeView的父节点的解决方法

1.TreeView选择事件执行两次 Very often, we need to execute some code in SelectedItemChanged depending on the selected TreeViewItem. ButSelectedItemChanged is called twice. This is due to stealing focus from the main window, which is screwing something up. Wha

PHP 获取远程文件大小的3种解决方法

转 http://www.3lian.com/edu/2013/07-12/80472.html 以下是对PHP中获取远程文件大小的3种解决方法进行了详细的介绍,需要的朋友参考下 1.使用file_get_contents() 复制代码 代码如下: <?php $file = file_get_contents($url); echo strlen($file); ?> 2. 使用get_headers() 复制代码 代码如下: <?php $header_array = get_hea

[Q]“获取AutoCAD安装信息时失败...”解决方法

“获取AutoCAD安装信息时失败...”解决方法:在“setup.exe”上右键,以管理员权限运行即可.