Java中复选框的单击事件

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”的行的复选框，我就希望执行一些操作。 当用户取消选中该复选框时，也应取消触发该事件。

简而言之，每当用户单击具有类名=“ r123 disable-it”和“ r125 disable-it”的行的复选框时； 必须执行一些操作，并且当用户取消单击该复选框时，应取消触发/回滚该事件。

我该如何实现？ 预先感谢您的阅读:)

Answer 1

检查复选框行是否具有“ disable-it”类并执行操作

$(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

检查这个小提琴

$('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');
      }
});