Javascript 制定具体的<;选择>;选项自动选中并禁用另一表单字段中的复选框
我有一个上传文件的非常简单的表单。在表单中,有一个下拉菜单,您可以在其中为正在上载的文件选择一个类别。我还有另一个默认未选中的复选框。如果选择了下拉列表中的第三个复选框,如何使复选框自动选中并禁用?谢谢你的帮助。试试这样的方法:Javascript 制定具体的<;选择>;选项自动选中并禁用另一表单字段中的复选框,javascript,jquery,Javascript,Jquery,我有一个上传文件的非常简单的表单。在表单中,有一个下拉菜单,您可以在其中为正在上载的文件选择一个类别。我还有另一个默认未选中的复选框。如果选择了下拉列表中的第三个复选框,如何使复选框自动选中并禁用?谢谢你的帮助。试试这样的方法: if ($('#selectboxid').val() === $('#selectboxid option:eq(2)').val()) { $('#checkboxid').prop('checked', 'checked').prop('disabled'
if ($('#selectboxid').val() === $('#selectboxid option:eq(2)').val()) {
$('#checkboxid').prop('checked', 'checked').prop('disabled', 'disabled');
}
else {
$('#checkboxid').removeAttr('checked disabled');
}
它在行动中的作用
更新:根据@JohnStrickler的建议将attr方法更改为prop。尝试以下方法:
if ($('#selectboxid').val() === $('#selectboxid option:eq(2)').val()) {
$('#checkboxid').prop('checked', 'checked').prop('disabled', 'disabled');
}
else {
$('#checkboxid').removeAttr('checked disabled');
}
它在行动中的作用
更新:根据@JohnStrickler的建议将attr方法更改为prop。检查所选索引是否为2(即第3项)。然后根据上述内容更新您提到的相应复选框以选中/禁用
$('select').change(function () {
var check = this.selectedIndex === 2;
$(':checkbox').prop({
checked: check,
disabled: check
});
});
检查所选索引是否为2(即第3项)。然后根据上述内容更新您提到的相应复选框以选中/禁用
$('select').change(function () {
var check = this.selectedIndex === 2;
$(':checkbox').prop({
checked: check,
disabled: check
});
});
从jQuery 1.6开始,使用来设置元素上的标志,而不是.attr()。从jQuery 1.6开始,使用来设置元素上的标志,而不是.attr()。
.select
事件用于文本选择。您应该改为使用.change
。@interstarr\u编码器谢谢:p.select
事件用于文本选择。你应该改用.change
。@星际编码器谢谢:p