使特定的<select>选项自动选中并禁用另一个表单域中的复选框
提问于 2011-12-07 20:29:27
我有一个非常简单的上传文件的表单。在表单中，有一个下拉菜单，您可以在其中选择要上传的文件的类别。我还有另一个复选框，默认情况下是未选中的。如何才能使其在选中下拉列表中的第三个复选框时自动选中并禁用该复选框？谢谢你的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-12-07 20:34:32
尝试如下所示：
if ($('#selectboxid').val() === $('#selectboxid option:eq(2)').val()) {
$('#checkboxid').prop('checked', 'checked').prop('disabled', 'disabled');
}
else {
$('#checkboxid').removeAttr('checked disabled');
}在行动中的Here's a jsfiddle它。
更新:根据@JohnStrickler的建议，将attr方法更改为prop。
Stack Overflow用户
发布于 2011-12-07 20:35:08
检查选定的索引是否为2(也称为第三项)。然后根据上面的内容更新您提到的相应的复选框，以进行勾选/禁用。
$('select').change(function () {
var check = this.selectedIndex === 2;
$(':checkbox').prop({
checked: check,
disabled: check
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8422071
复制相关文章
腾讯云开发者
