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

Question

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

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

$(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

您的意思是说：“当用户点击选择菜单的第一个非空白选项时，我希望重新启用该复选框。”？

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