如何在Jquery中捕获Checkbox check / uncheck事件

时间:2016-07-22 14:16:41

标签: javascript jquery html css asp.net-mvc

我有复选框列表。其中一些是经过检查而有些是未经检查的。我需要在选中/取消选中复选框时启用提交。所有复选框都具有相同的css类。有关jquery事件我应该编写代码的任何建议吗?

3 个答案:

答案 0 :(得分:1)

你走了:

$('input[type="checkbox"]').on('change', function() {
    if($(this).is(":checked")) {
        //do something
    }
});

你可以在这里找到一个有效的例子:



$('input[type="checkbox"]').on('change', function() {
    if($(this).is(":checked")) {
        alert('checked');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox"/>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

假设您有这样的标记

  <input type="checkbox" checked class="a" />
  <input type="checkbox" class="a" />
  <input type="checkbox" checked class="a" />
  <input type="checkbox" class="a" />

  <input type="submit" disabled id="btnSubmit"  />

以下代码将侦听change事件,并启用输入按钮。

$(function(){

  $("input[type='checkbox'].a").change(function(){

    $("#btnSubmit").prop('disabled', false);
  });        

})

Here是一个工作样本

答案 2 :(得分:0)

我希望这会对你有所帮助。

$(document).ready(function(){
    $("input[type='checkbox']").click(function(){
        if($(this).is(":checked"))
        {
            $("#submit_btn").removeAttr("disabled");
        }
        else
        {
            $("#submit_btn").attr("disabled","disabled");
        }
    });
});