checkbox没有索引值 只能拿到value 可以通过value 计算出是第几个checkbox被选中
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
在table上加个id，
var boxs = documentgetElementById("tableId")getElementsByTagName("input");
var sum = 0;
for(var i=0;i<boxslength;i++){
if(boxs[i]checked){
sum += parseInt(boxs[i]value,10);
}
}
windowalert(sum);
如果使用jquery会更简单：
var sum = 0;
$("#tableId input:checked")each(function(){
sum+=parseInt($(this)val(),10);
});
windowalert(sum);
<!DOCTYPE html>
<html xmlns=">
这个你可以在设计模板的时候，给checkbox添加一个onclick事件，如：
<asp:CheckBox ID= "chkItem1" runat= "server" onclick= "if(thischecked) chgText(getRowValue(this))"/>
下面是js脚本代码：
<script type = "text/javascript ">
function getRowValue(sender)
{//如果想在按钮里判断，可以取消注释的if语句，然后用getelementbyid获得checkbox控件组，用for循环遍历每个控件
//if(senderchecked){
var tblRow = senderparentNodeparentNode;
return tblRowcells[1]innerText; //具体要哪列的，自己去修改
//}
}
function chgText(text)
{
var objtext = documentgetElementById("Text1");
objtextvalue = objtextvalue + text + ",";
}
</script>
其实你要认识到一点，不管什么控件到浏览器都是html控件，下面代码直接复制希望对你有帮助
function s() {
var el=documentgetElementById("CheckBoxList1")getElementsByTagName("input");
var a = ellength;
for (var i = 0; i < a; i++) {
if (el[i]checked) {
alert(el[i]value);
}
}
}
你可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始)
点击 checkbox，获取 parentNode (也就是 td)，tdcellIndex 就是所在列的键值
点击 checkbox，获取 parentNodeparentNode (也就是 tr)，trrowIndex 就是所在行的键值
<script type="text/javascript">// 点击
documentonclick = function(e) {
// 兼容 event 和 target
e = e || windowevent;
var target = etarget || esrcElement;
// 确认是 checkbox
if(targettagNametoLowerCase() === "input"
&& targettype === "checkbox") {
// 获取行列键值
var row_num = targetparentNodeparentNoderowIndex;
var col_num = targetparentNodecellIndex;
// 输出
alert(row_num + " " + col_num);
}
};
</script>
因为键值是从 0 开始，一般需要 +1 才是行列数，但因为你表单中第一行个第一列都是文字，所以不需要 +1 正好输出需要的数字，例如点击周四 + 6，会输出 4 6
以上就是关于js如何获得checkbox列表当前checkbox的索引值全部的内容，包括:js如何获得checkbox列表当前checkbox的索引值、JS获取checkbox的个数简单实例、js如何获取多个checkbox的值，并累计相加等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）