Question

我有一张格式如下的表：

<tbody id="ggwp">
    <tr class="r123 disable-it">
        <td>
            <input  type="checkbox" name="item" class="row" statusid="1234">
        </td>
    </tr>   
    <tr class="r124">
        <td>
            <input  type="checkbox" name="item" class="row" statusid="1235">
        </td>
    </tr> 
    <tr class="r125 disable-it">
        <td>
            <input  type="checkbox" name="item" class="row" statusid="1236">
        </td>
    </tr>
</table>

现在，我想在用户点击类名中设置了'disable-it'的行的复选框时调用执行某些操作。当用户取消选中该复选框时，该事件也应该被解雇。

Inshort，每当用户点击带有classnames =“r123 disable-it”和“r125 disable-it”的行的复选框时; 必须执行某些操作，当用户取消选中该复选框时，该事件应该被解除/再次回滚。

我怎样才能做到这一点？提前感谢阅读：）

Answer 1

检查复选框行是否具有“禁用它”类并执行操作

$(document).on("click",".row",function(e) {
    //Checks if the row has class disable-it
    if($(this).parent().parent().hasClass('disable-it')){
        if($(this).prop('checked')){
            //some action can be performed 
            alert('checked');
        }else{
            //unfired/rolled back again.
            alert('rollback');
        }
    }
});

Answer 2

试试这个

$(".row").change(function() {

if(this.checked){
    //write your code
}
else{
    //write your code
   }
});

Answer 3

选中此fiddle

$('input[type=checkbox]').click(function(){
    //alert('check');
      if($(this).is(":checked"))
      {
          $(this).parent().parent().addClass('disable-it');
      }
    else if(!$(this).is(":checked"))
      {
          $(this).parent().parent().removeClass('disable-it');
      }
});

点击事件以获取Javascript中的复选框

3 个答案: