禁用或启用提交关于选中复选框事件按钮 [英] Disable or enable Submit button on Checkbox checked event

查看:243
本文介绍了禁用或启用提交关于选中复选框事件按钮的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想是这样的,但有轻微的变化。我想,当复选框被选中,然后再唯一的按钮应该被启用,否则被禁用按钮启用或选中复选框禁用事件,即。这应该使用jQuery code功不可没的JavaScript。

由于这是MVC格式,所以没有表格ID。


解决方案

  $(函数(){
    $('#id_of_your_checkbox')。点击(函数(){
        如果($(本)。是(':检查')){
            $('#id_of_your_button')ATTR(禁用,禁用)。
        }其他{
            $('#id_of_your_button')removeAttr(禁用)。
        }
    });
});

和这里的现场演示

I want something like this but with a slight change. I want a Button to be enabled or disabled on Checkbox checked event, i.e. when checkbox is checked then and then only button should be enabled otherwise it is disabled. This should be done using jQuery Code not JavaScript.

As this is MVC form so there is no Form 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');
        }
    });
});

And here's a live demo.

这篇关于禁用或启用提交关于选中复选框事件按钮的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆