jQuery复选框根据复选框值禁用/启用辅助输入答案

【问题标题】：jQuery checkbox disable/enable secondary inputs based on checkbox valuejQuery复选框根据复选框值禁用/启用辅助输入
【发布时间】：2012-09-07 17:18:34
【问题描述】：

我有一个使用专有复选框的表单（它是一个 WordPress 插件，Contact 7，仅供参考）。有两个复选框选项，是和否。如果他们检查是，我有一个我正在启用的文本字段（我默认禁用它）。如果他们选中否，我有第二个专用复选框，其中包含我启用的 2 个框（默认情况下也是如此）。您可以推测，当用户选择是时，它还应该禁用第二个复选框。如果他们选择否，我希望文本字段返回禁用状态。

所以我有这个工作，除了它不识别更改事件；换句话说，如果我选择是，它会启用文本字段，但如果我选择否，它不会更新其他输入元素的关联状态。我必须取消选中否，然后重新选中它，以便它执行该功能。这是我的 jQuery 代码 sn-p：

$(document).ready(function() {
    $('p#myTextFieldHolder input:text').val('').attr('disabled', true);
    $('#mySecondCheckBoxHolder input:checkbox').attr('disabled', true);

    $("#myCheckBoxHolder input").change(function() {

        if ($(":checked").val() == "If yes, what is the estimated closing date?") {

            $('p#myTextFieldHolder input:text').val('').attr('disabled', false);
            $('#mySecondCheckBoxHolder input:checkbox').attr('disabled', true);
        } else if ($(":checked").val() == "No:") {
            $('p#myTextFieldHolder input:text').val('').attr('disabled', true);
            $('#mySecondCheckBoxHolder input:checkbox').attr('disabled', false);
        } else {
            $('p#myTextFieldHolder input:text').val('').attr('disabled', true);
            $('#mySecondCheckBoxHolder input:checkbox').attr('disabled', true);
        }
    })
});

关于如何解释和纠正它的任何建议？谢谢。

【问题讨论】：

如果你能发布你的标记就好了..
所以一次只能勾选一个复选框？

标签： jquery checkbox

【解决方案1】：

Here is an example你问的，希望对你有帮助

$(function(){
    $('#chkboxes input:checkbox').on('change', function(){
        if($(this).is(':checked'))
        {
            if($(this).attr('id')=='yes')
            {         
                $('#txt1').prop('disabled', false);
                $('#chkno input:checkbox').prop('disabled', true).prop('checked', false);
                $('#no').prop('checked', false);  
            }
            else
            {
                $('#txt1').val('').prop('disabled', true);
                $('#chkno input:checkbox').prop('disabled', false);   
                $('#yes').prop('checked', false);             
            }
        }
    });
});

【讨论】：