如何使复选框只读

Question

我有一个带有两个字段的表单，一个是单选按钮，第二个是复选框。当单选按钮值为否时，我想取消选中复选框（如果选中）和只读。我的代码适用于未选中的功能，但只读不起作用。请帮助我

这是我的代码：

网址：

 <input type="radio" name="data[User][email_status]" id="" value="yes">Yes&nbsp;&nbsp;
<input type="radio" name="data[User][email_status]" id="" value="no" checked="checked">No
<input type="checkbox" name="data[User][no_alerts]" id="" value="yes">

J查询代码：

 $(document).ready(function() {
    $('input[name="data[User][email_status]"]').change (function(){
        //console.log($(this).val());
        if ($(this).val() == 'no')  {
            $('input[name="data[User][no_alerts]"]').attr({
                'checked' : false,
            });
        }
    });
});

谢谢

原文由 Gurudutt Sharma 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 disabled 属性使输入只读

   $('input[value="no"]:checked').next().prop("disabled", true);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" name="data[User][email_status]" id="" value="yes">Yes&nbsp;&nbsp;
<input type="radio" name="data[User][email_status]" id="" value="no" checked="checked">No
<input type="checkbox" name="data[User][no_alerts]" id="" value="yes">

或更一般的方法

 $('input[value="no"]:checked').parent().find('input[type="checkbox"]').prop("disabled", true);

原文由 madalinivascu 发布，翻译遵循 CC BY-SA 3.0 许可协议