当前位置：首页 > 资讯 > 技术文档

checkbox批量选中,获取选中项的值的简单实例

时间：2021-07-21 15:25 编辑：来源：阅读：
扫一扫，手机访问

摘要：checkbox批量选中,获取选中项的值的简单实例

[b]checkbox批量选中,获取选中项的值的简单实例[/b]

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript" src="jquery.js"></script>
 </head>


 <body>
 <div id="table">
 <table id="personList" border="1">
 <tr>
 <th>ID</th>
 <th><input type="checkbox" name="allCheck" onclick="fun()"></input></th>
 <th>name</th>
 <th>age</th>
 <th>Country</th>
 </tr>
 <tr>
 <td>1</td>
 <th><input type="checkbox" name="checkme" id="a"></input></th>
 <td>asan</td>
 <td>32</td>
 <td>China</td>
 </tr>
 <tr>
 <td>2</td>
 <th><input type="checkbox" name="checkme" id="b3e"></input></th>
 <td>hon</td>
 <td>30</td>
 <td>JP</td>
 </tr>
 <tr>
 <td>3</td>
 <th><input type="checkbox" name="checkme" id="cdd"></input></th>
 <td>Jhone</td>
 <td>27</td>
 <td>USA</td>
 </tr>
 </table>
 
 </div>
 <input type="button" value="" onclick="s()" id="qw" name="aaa"/>


 <script>
 function fun(){
 var obj = document.getElementsByName("checkme");
 var arr = new Array();
 for(var i=0;i<obj.length;i++){
 obj[i].click();
 arr[i]=$(obj[i]).parent().siblings().first().text();
 alert(arr);
 }
}


function s(){
var obj = document.getElementsByName("checkme");
var arr = [];
for(var i=0;i<obj.length;i++){
if($(obj[i]).is(':checked')){
 var id = $(obj[i]).parent().siblings().first().text();
 var name = $(obj[i]).parent().siblings().eq(1).text();
 var age = $(obj[i]).parent().siblings().eq(2).text();
 var country = $(obj[i]).parent().siblings().eq(3).text();
 alert("id"+id+" ,name:"+name+" ,age:"+age+" ,country:"+country);
 //alert("$(obj[i]):"+$(obj[i])+" ,id:"+$(obj[i]).id+" ,name:"+$(obj[i]).name)
}
}
}


 </script>
 </body>
</html>

以上就是小编为大家带来的checkbox批量选中,获取选中项的值的简单实例全部内容了，希望大家多多支持编程素材网~

全部评论(0)

上一篇：基于JQuery的日期联动实现代码
下一篇：jquery formValidator插件ajax验证内容不做任何修改再离开提示错误的bug解决方法

资讯排行榜
更多>>