我有一个带有两个字段的表单,一个是单选按钮,第二个是复选框。当单选按钮值为否时,我想取消选中复选框(如果选中)和只读。我的代码适用于未选中的功能,但只读不起作用。请帮助我
这是我的代码:
HTML :
<input type="radio" name="data[User][email_status]" id="" value="yes">Yes
<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,
});
}
});
});
谢谢
最佳答案
使用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
<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);
关于javascript - 如何使复选框只读,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40479945/