jquery禁用表中的所有复选框

时间:2012-09-13 12:54:10

标签: jquery

如何禁用表格行中的单个复选框?我在phtml文件中有条件。我的html为我的复选框有一个td,但是如果我点击一个复选框,它会禁用表格中的所有复选框。下面是我的for循环复选框。

<?php    
    foreach($this->rows as $record)
    {         
        echo "<tr>";       
        echo "<td >". $record['firstname'] . "</td>";      
        echo "<td>".$record['advicetoowners'] . "</td>";        
        echo"<td>".$record['customdata'] . " <br /> ".$record['reservation'."</td>"; 
        ?>

        <td class='stylecontent'width='2' >
            <input type="checkbox" name="seen" value="" class='chkAll'/>
        </td>     
        <?php
    }          
?>

我的jQuery是:

$('.chkAll').change(function() {
    // This disables all the check box in a table.How to make it to disable only one
    $('input:checkbox').attr('disabled', this.checked); 
}); 

2 个答案:

答案 0 :(得分:1)

将此更改为

 $('.chkAll').change(function() {
        $('input:checkbox').attr('disabled', this.checked); 
 }); 

 $('.chkAll').change(function() {
        $(this).attr('disabled', this.checked); 
 }); 

答案 1 :(得分:0)

$('.chkAll').change(function() {
        $(this).attr('disabled', this.checked); 
    });