如果没有从单选按钮中选择任何内容，如何禁用下拉菜单

Question

当单选按钮“否”被选中时，我的下拉菜单仅禁用（灰色）。当没有选择任何东西时如何禁用下拉菜单？颜色和阴影是我的2个下拉菜单的名称。

$("input[name^='attendance']").click(function() {     
      var id = this.name.replace('attendance', '');  
    $("#colour" + id + ", #shade" + id).prop("disabled", this.value == 'No'); 

Answer 1

我想像也许是这样的？

$().prop('disabled', !this.value || this.value == 'No'); 

Answer 2

这应该为你工作：

$("#colour" + id + ", #shade" + id).prop("disabled", this.value == 'No' || ! this.value);​​​​​​​ 

Answer 3

我认为这里有一个更根本的问题，因为这段代码永远不会在你期望的方式来执行。这是在收音机的onClick事件中，这意味着它将始终有一个状态（是/否）。

你需要在两个语句中这样做，这可能是这样的吗？

$("input[name^='attendance']").click(function() {     
       var id = this.name.replace('attendance', '');  
     $("#colour" + id + ", #shade" + id).prop("disabled", this.value == 'No'); 
... 
}); 
$("#colour" + id + ", #shade" + id).prop("disabled", !$(input[name^='attendance').val());