javascript - 如何使复选框只读

Question

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

这是我的代码:

HTML :

<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,
            });
        }
    });  
});

谢谢

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);