Javascript 禁用表中带有复选框的按钮
我有一个数据数组,其中每一行都有一个复选框,用户可以选中该复选框来选择一行。 我想这样做,如果没有选择任何行,“删除”按钮将被禁用 该按钮在页面加载时被禁用,第1行上的复选框按计划工作,但如果表包含2行或更多行,其余的则不会 这就是我到目前为止所做的:Javascript 禁用表中带有复选框的按钮,javascript,Javascript,我有一个数据数组,其中每一行都有一个复选框,用户可以选中该复选框来选择一行。 我想这样做,如果没有选择任何行,“删除”按钮将被禁用 该按钮在页面加载时被禁用,第1行上的复选框按计划工作,但如果表包含2行或更多行,其余的则不会 这就是我到目前为止所做的: <button class="btn btn-default modal-opener" id="chkboxdelbtn" onchange="toggle();" type="button" type="submit">Delet
<button class="btn btn-default modal-opener" id="chkboxdelbtn" onchange="toggle();" type="button" type="submit">Delete Selection</button>
<?php
$row = get_member_tskey_info($mysqli);
$i = 0;
foreach ($row as $r){
echo '<tr><td style="padding-right:0px;">';
if (($i<=2) && ($r['status'] == 1)){
echo '<input type="checkbox" name="keyselect[]" id="keyselect[]" value="' . $r['uid'] . '" /></td>';
}else{
echo '<input type="checkbox" disabled="disabled" value="" /></td>';
}
...
ID必须是唯一的。改为使用类
foreach ($row as $r){
echo '<tr><td style="padding-right:0px;">';
if (($i<=2) && ($r['status'] == 1)){
echo '<input type="checkbox" name="keyselect[]" class="keyselect" value="' . $r['uid'] . '" /></td>';
}else{
echo '<input type="checkbox" disabled="disabled" value="" /></td>';
}
foreach($r行){
回声';
if($iid必须是唯一的。请改用类
foreach ($row as $r){
echo '<tr><td style="padding-right:0px;">';
if (($i<=2) && ($r['status'] == 1)){
echo '<input type="checkbox" name="keyselect[]" class="keyselect" value="' . $r['uid'] . '" /></td>';
}else{
echo '<input type="checkbox" disabled="disabled" value="" /></td>';
}
foreach($r行){
回声';
if($iid必须是唯一的。请改用类
foreach ($row as $r){
echo '<tr><td style="padding-right:0px;">';
if (($i<=2) && ($r['status'] == 1)){
echo '<input type="checkbox" name="keyselect[]" class="keyselect" value="' . $r['uid'] . '" /></td>';
}else{
echo '<input type="checkbox" disabled="disabled" value="" /></td>';
}
foreach($r行){
回声';
if($iid必须是唯一的。请改用类
foreach ($row as $r){
echo '<tr><td style="padding-right:0px;">';
if (($i<=2) && ($r['status'] == 1)){
echo '<input type="checkbox" name="keyselect[]" class="keyselect" value="' . $r['uid'] . '" /></td>';
}else{
echo '<input type="checkbox" disabled="disabled" value="" /></td>';
}
foreach($r行){
回声';
如果($i注意您的复选框上的重复ID,这是不可能发生的。实际上,您甚至不需要复选框的ID,因为您可以使用querySelectorAll()
使您的toggle()
函数更简单:
函数切换(){
document.getElementById('chkboxdelbtn')。已禁用=
(document.querySelectorAll(“input[type='checkbox']:checked”).length注意您的复选框上的重复ID。这不会发生。实际上,您甚至不需要复选框的ID,因为您可以使用queryselectoral()
使您的toggle()
功能更简单:
函数切换(){
document.getElementById('chkboxdelbtn')。已禁用=
(document.querySelectorAll(“input[type='checkbox']:checked”).length注意您的复选框上的重复ID。这不会发生。实际上,您甚至不需要复选框的ID,因为您可以使用queryselectoral()
使您的toggle()
功能更简单:
函数切换(){
document.getElementById('chkboxdelbtn')。已禁用=
(document.querySelectorAll(“input[type='checkbox']:checked”).length注意您的复选框上的重复ID。这不会发生。实际上,您甚至不需要复选框的ID,因为您可以使用queryselectoral()
使您的toggle()
功能更简单:
函数切换(){
document.getElementById('chkboxdelbtn')。已禁用=
(document.querySelectorAll(“输入[type='checkbox']:选中”).length