当选择菜单具有值时禁用复选框

Question

我有一个选择菜单，大约有四个选项。select菜单的第一个选项没有值。其他选项都有值。当用户选择具有值的选项时，我需要禁用该复选框，否则，如果他们返回到具有空值的选项，则会重新启用该复选框。

下面的代码成功地禁用了复选框，但我希望在用户单击select菜单的第一个空白选项时重新启用该复选框。

$(document).ready(function(){
$('#select-menu').change(function() {
  if ($(this).val() !== ':first-child') { 
        $("#related-checkbox").attr("disabled", true);
  } else {
    $("#related-checkbox").attr("disabled", false);
            }
});
});

Answer 1

声明说

if ($(this).val() !== ':first-child') { 

按字面意思检查所选值字符串是否为“first - child”，而不是它是否为第一个孩子。只需将其设置为空白即可

if ($(this).val() !== '') { 

如果您想检查它是否是第一个选项(而不是它是否为空)，那么您可以将第一个子元素的val与所选元素的val进行比较

if ($(this).val() == $(this).children(':first-child').val())

Answer 2

您的意思是说：“当用户单击select菜单的first non-blank选项时，我希望重新启用复选框。”？

$("#related-checkbox").removeAttr("disabled");