Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Jquery中捕获复选框选中/取消选中事件_Javascript_Jquery_Html_Css_Asp.net Mvc - Fatal编程技术网

Javascript 如何在Jquery中捕获复选框选中/取消选中事件

Javascript 如何在Jquery中捕获复选框选中/取消选中事件,javascript,jquery,html,css,asp.net-mvc,Javascript,Jquery,Html,Css,Asp.net Mvc,我有一个复选框列表。其中一些已检查,而另一些未检查。我需要在选中/取消选中复选框时启用提交。所有复选框都具有相同的css类。有关于我应该编写代码的jquery事件的建议吗?给你: $('input[type="checkbox"]').on('change', function() { if($(this).is(":checked")) { //do something } }); 您可以在此处找到一个工作示例: $('input[type=“checkbo

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

给你:

$('input[type="checkbox"]').on('change', function() {
    if($(this).is(":checked")) {
        //do something
    }
});
您可以在此处找到一个工作示例:

$('input[type=“checkbox”]”)。在('change',function()上{
如果($(this).is(“:checked”)){
警报(“已检查”);
}
});

假设您有这样的标记

  <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"  />

这是一个工作样本,希望对您有所帮助

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

选中或取消选中单个复选框?所有的复选框?我没有看到警报开火@liliput:我在答案中添加了一个工作示例:)我尝试实现相同的功能,但没有成功,我看不到调试程序在任何时候都会出现问题。什么不起作用?你看到我贴的工作JSBIN了吗?将其与您的代码进行比较。还要确保页面中没有任何js错误。
$(document).ready(function(){
    $("input[type='checkbox']").click(function(){
        if($(this).is(":checked"))
        {
            $("#submit_btn").removeAttr("disabled");
        }
        else
        {
            $("#submit_btn").attr("disabled","disabled");
        }
    });
});