禁用或启用复选框已选中事件的提交按钮

Posted 2021-04-13

我想要这样的东西，但要稍作改动。我希望在Checkbox Checked事件上启用或禁用Button，即随后选中checkbox，然后仅应启用按钮，否则将其禁用。这应该使用jQuery Code而不是javascript来完成。

因为这是MVC表单，所以没有表单ID。

答案

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

另一答案

这很旧，但在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标记按钮中添加disabled =“ disabled”

可能帮助某人

Jquery：

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

另一答案

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

});

另一答案

认真？为什么不只是：