javascript - 仅在选择下拉列表元素时检查单选按钮

Question

我有这个 jquery 来检查页面加载时的单选按钮:

$('input[value="modelos"]').attr('checked',true);

然后我有一个下拉列表:

<select id="talents_meta_category" name="talents_meta_category">
<option value="tab_1495127126289">Modelos</option>
<option value="tab_1495132259463">Música</option>
</select>

我怎样才能拥有input[value="modelos"]仅在 <option value="tab_1495127126289">Modelos</option> 时检查被选中？

Answer 1

你需要像这样改变条件:

$("select#talents_meta_category").change(function () {
  if ($(this).val() === "tab_1495127126289") {
    $('input[value="modelos"]').attr('checked',true);
  }else{
  	  $('input[value="modelos"]').attr('checked',false);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="talents_meta_category" name="talents_meta_category">
<option value="">Please Select</option>
<option value="tab_1495127126289">Modelos</option>
<option value="tab_1495132259463">Música</option>
</select>

</br>
 <input type="checkbox" name="modelos 1" value="modelos"> modelos 1<br>
<input type="checkbox" name="modelos 2" value="modelos"> modelos 2<br>
<input type="checkbox" name="modelos 3" value="modelos"> modelos 3<br>

复选框根据条件动态变化(选择选项值)