gpt4 book ai didi

javascript - 单击复选框选中所有复选框

转载 作者:行者123 更新时间:2023-11-27 23:43:59 24 4
gpt4 key购买 nike

<script>
function chkall()
{
var checkbox = document.getElementById('checkbox');
var checkbox2 = document.getElementById('checkbox2');
if(checkbox.checked==true)
{
checkbox2.checked=true;
}
}
</script>
<table width="10%" border="0">
<tr>
<th scope="col"><input type="checkbox" onclick="chkall()" name="checkbox" id="checkbox" /></th>
</tr>
<?php
$i=0;
while($i<5)
{
?>
<tr>
<th scope="col"><input type="checkbox" name="checkbox2" id="checkbox2" /></th>
</tr>
<?php
$i++;
}
?>
</table>

我在 while 循环内有一个复选框,该循环运行了 5 次。我在循环上方有一个复选框。当我单击上面的复选框时,我想选中循环内的所有复选框。

最佳答案

function checkAll(ele) {
var checkboxes = document.getElementsByTagName('input');
if (ele.checked) {
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = true;
}
}
} else {
for (var i = 0; i < checkboxes.length; i++) {
console.log(i)
if (checkboxes[i].type == 'checkbox') {
checkboxes[i].checked = false;
}
}
}

关于javascript - 单击复选框选中所有复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33406254/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com