checkbox批量选中,获取选中的项的值

<!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>

时间: 2024-10-13 22:03:55

checkbox批量选中,获取选中的项的值的相关文章

dView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合

第一步,显示checkbox按钮: 点击AspxGridView的columns,你可以直接选择增加一行Command Column或者随便选择一种然后点击Change To Commadn Column;默认的ShowSelectCheckBOx是true,我们可以不用管,这样你就看到每行都有checkBox按钮了. 第二步,表头部显示CheckBox,点击实现全选|反选功能: 我们切换回源代码,找到AspxGridView的GridViewCommandColumn列,在该列中增加 <Hea

ASPxGridView实现checkbox全选反选(自带的ShowSelectCheckBOx)并获取选中checkbox对应的值集合

第一步,显示checkbox按钮: 点击AspxGridView的columns,你可以直接选择增加一行Command Column或者随便选择一种然后点击Change To Commadn Column;默认的ShowSelectCheckBOx是true,我们可以不用管,这样你就看到每行都有checkBox按钮了. 第二步,表头部显示CheckBox,点击实现全选|反选功能: 我们切换回源代码,找到AspxGridView的GridViewCommandColumn列,在该列中增加 <Hea

jquery 设置checkbox选中 和获取选中值

经常用到经常网上搜,这次写下来. 1,设置选中: $('#nrowid').prop('checked', false); 2,取选中项的值: $('#nrowid').prop("checked") || false; jquery 设置checkbox选中 和获取选中值

获取和设置select的选中项的值

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>获取select的选中项的值</title> </head> <body> <select id="select0"> <option value="0">请选择选项&l

js获取checkbox复选框获取选中的选项

js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

jquery获取选中的checkbox复选框的值

jquery获取选中的checkbox复选框的值:checkbox复选框是常用的表单元素之一,既然使用,一般就要获取选中的复选框的值,下面就介绍一下如何使用jQuery实现此功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/

MFC中CTreeGridCtrl中设置TreeNode列为Checkbox后,如果获取选中的Cell

1.设置TreeNode列为CheckBox: m_Grid.SetTreeColumnCellTypeID(CT_CHECKBOX); 2.获取选中的Cell,此处需要强转: int nRow = m_page1.m_Grid.GetRowCount(); for (int i = 0; i < nRow; ++i) { CGridCellCheck* cc = dynamic_cast<CGridCellCheck*>(m_page1.m_Grid.GetCell(i,1)); if

Jquery获取选中的checkbox的值

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>checkbox</title>

js获取下拉列表(select)选中项的值和文本

获取下拉列表选中项的值和文本(select) <html> <head> <meta charset="utf-8"/> <title>获取下拉列表选中项的值和文本(select)</title> </head> <body> <select id="myselect"> <option value="fist">1</option&

jQuery获取radio选中项的值【转藏】

<title></title> <script src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { //没有默认选中的情况 //先判断radio是否有选中项,再获取选中的值 $("#btnclick").click(function () { //获取选中项的valu