在复选框选中的事件上禁用或启用“提交”按钮

时间:2011-05-27 08:53:12

标签: jquery asp.net-mvc-2

我想要这样的东西,但略有改变。我希望在Checkbox选中的事件上启用或禁用Button,即选中复选框然后只启用按钮,否则禁用它。这应该使用jQuery Code而不是JavaScript。

由于这是MVC表单,因此没有表单ID。

3 个答案:

答案 0 :(得分:24)

$(function() {
    $('#id_of_your_checkbox').click(function() {
        if ($(this).is(':checked')) {
            $('#id_of_your_button').attr('disabled', 'disabled');
        } else {
            $('#id_of_your_button').removeAttr('disabled');
        }
    });
});

这是一个live demo

答案 1 :(得分:1)

这是旧的,但我用jquery 1.11

为我工作
<script>
$(function() {
    $('#checkbox-id').click(function() {
        if ($(this).is(':checked')) {
            $('#button-id').removeAttr('disabled');
        } else {
            $('#button-id').attr('disabled', 'disabled');
        }
    });
});
</script>

if指令与else指令交换并在按钮html标记中添加禁用=&#34;禁用&#34;

可以帮助某人

Jquery的:

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

答案 2 :(得分:0)

$('#checkbox').click(function(){
    if($(this).is(':checked')){
        $('#submitButton').attr("disabled", "true");
    }else {
        $('#submitButton').removeAttr("disabled");
    }

});

......它对我有用......