Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未选中复选框时显示警报_Javascript_Jquery - Fatal编程技术网

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:请检查这两个链接这实际上工作得很好,我不认为它应该那么简单。谢谢这真的很有效,我不认为应该这么简单。谢谢