Javascript 如何正确地为每一行选中表格中的“工作”复选框?
复选框不适用于每一行。为什么?我怎样才能让它工作 我试了很多次,但都不起作用Javascript 如何正确地为每一行选中表格中的“工作”复选框?,javascript,jquery,Javascript,Jquery,复选框不适用于每一行。为什么?我怎样才能让它工作 我试了很多次,但都不起作用 功能检查(chk){ var checkb=document.getElementById(chk); if(checkb.checked==true){ document.getElementById('textbox').value=“1234567”; $(“.js示例基本倍数”).prop(“已禁用”,true); }否则{ document.getElementById('textbox')。value=“0
功能检查(chk){
var checkb=document.getElementById(chk);
if(checkb.checked==true){
document.getElementById('textbox').value=“1234567”;
$(“.js示例基本倍数”).prop(“已禁用”,true);
}否则{
document.getElementById('textbox')。value=“0000000”;
$(“.js示例基本倍数”).prop(“禁用”,false);
$(“.js示例基本倍数”).val(null.trigger('change');
}
}
var checkb=document.getElementById(chk.id)
checkb
将返回未定义的,因为document.getElementById
查找id值。您正在传递整个复选框标记、属性和全部的chk
chk.id
提供id并确保定义了checkb
。你也需要改变
document.getElementById('textbox').value = "1234567";
document.getElementById('textbox').value = "0000000";
到
因为你用这条线来设置ID
var tBody = tBodyTemplate.replace(/textbox/g, 'textbox' + rowCount);
这在只有一行的情况下有效。当你加更多的时候,事情就破裂了。您还需要使id唯一chk1
不能用作每个重复行的id。ID应该是唯一的
'<input type="checkbox" id="chk1" onclick="check(\chk1\)" >'
“”
chk1
应与textbox1
配对。
chk2
应与textbox2
等配对欢迎使用堆栈溢出。请回答这个问题,明确你所说的“不起作用”是什么意思;您看到的是什么行为,您希望发生什么?具体来说,它被破坏的原因是什么?它可能与每个复选框重复使用id
s有关。在你完整的JSBin链接中,每个附加的复选框都有chk1
的id
。@jasonaler我不能在这里输入代码,它显示了这样一条消息:“看起来你的文章大部分都是代码,请添加更多细节。”,我把它放在链接行为中,我希望当选中复选框元素时禁用select2并在文本框中显示数字,但不是像你们看到的每一行那样工作。。。请参阅linkno解决方案中的完整代码????
'<input type="checkbox" id="chk1" onclick="check(\chk1\)" >'