Javascript 未选中复选框时显示警报
我有一个表,如果未选中任何复选框,我需要显示警报 以下是表格结构Javascript 未选中复选框时显示警报,javascript,jquery,Javascript,Jquery,我有一个表,如果未选中任何复选框,我需要显示警报 以下是表格结构 <table id="mytable"> <tr><td><input type="checkbox" name="one" value="1" /></td></tr> <tr><td><input type="checkbox" name="two" value="2" /></td></tr&
<table id="mytable">
<tr><td><input type="checkbox" name="one" value="1" /></td></tr>
<tr><td><input type="checkbox" name="two" value="2" /></td></tr>
<tr><td><input type="checkbox" name="three" value="3" /></td></tr>
</table>
请指导我如何实现这一点?要检查选中了多少复选框,您只需使用:
var checked = $('#mytable').find(':checked').length;
这将统计mytable元素中有多少个选中的元素。如果返回0,则我们知道未选中任何项,因此可以显示警报:
if (!checked)
alert('...');
演示
$'按钮'。单击'按钮',函数{
var checked=$'mytable'.find':checked'.length;
如果!检查
警告“未选中任何复选框!”;
其他的
alertchecked+“复选框已选中!”;
};
选中要检查选中了多少复选框,只需使用:
var checked = $('#mytable').find(':checked').length;
这将统计mytable元素中有多少个选中的元素。如果返回0,则我们知道未选中任何项,因此可以显示警报:
if (!checked)
alert('...');
演示
$'按钮'。单击'按钮',函数{
var checked=$'mytable'.find':checked'.length;
如果!检查
警告“未选中任何复选框!”;
其他的
alertchecked+“复选框已选中!”;
};
检查这就可以了
if ($('#mytable :checked').length == 0) {
// no checkbox is selected, show your validation message
return
}
// at least one checkbox is checked, continue with normal flow
这样就行了
if ($('#mytable :checked').length == 0) {
// no checkbox is selected, show your validation message
return
}
// at least one checkbox is checked, continue with normal flow
香草JS document.querySelectorAllmytable input:checked.length和jQuery$mytable:checked.length都应该起作用
document.getElementByIdsubmit.onclick=函数{
var count=document.querySelectorAllmytable:checked.length;
document.getElementByIdoutput.innerHTML=count;
};
香草JS document.querySelectorAllmytable input:checked.length和jQuery$mytable:checked.length都应该起作用
document.getElementByIdsubmit.onclick=函数{
var count=document.querySelectorAllmytable:checked.length;
document.getElementByIdoutput.innerHTML=count;
};
重复1:重复2:请检查这两个链接重复1:重复2:请检查这两个链接这实际上工作得很好,我不认为它应该那么简单。谢谢这真的很有效,我不认为应该这么简单。谢谢