Javascript 禁用表中带有复选框的按钮

Javascript 禁用表中带有复选框的按钮,javascript,Javascript,我有一个数据数组,其中每一行都有一个复选框,用户可以选中该复选框来选择一行。 我想这样做,如果没有选择任何行,“删除”按钮将被禁用 该按钮在页面加载时被禁用,第1行上的复选框按计划工作,但如果表包含2行或更多行,其余的则不会 这就是我到目前为止所做的: <button class="btn btn-default modal-opener" id="chkboxdelbtn" onchange="toggle();" type="button" type="submit">Delet

我有一个数据数组,其中每一行都有一个复选框,用户可以选中该复选框来选择一行。 我想这样做,如果没有选择任何行,“删除”按钮将被禁用

该按钮在页面加载时被禁用,第1行上的复选框按计划工作,但如果表包含2行或更多行,其余的则不会

这就是我到目前为止所做的:

<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