取消选中时选择最接近的“从中选择”复选框

selecting closest select from checkbox when unchecked?

本文关键字：选择 从中选择 复选框 最接近 取消      更新时间：2024-05-18

我正试图根据复选框是否选中来选择下拉列表的值。这是我正在使用的代码，但它不起作用：

    <select name="scType" class="scType" onchange="$('.all').hide();$('.'+this.value).show();" style="display:none;">
      <option value="One" selected>One</option>
      <option value="Two">Two</option>
    </select>
<span id="showActiveS" style="display:none;"><input name="showActive" class="showActive" type="checkbox" id="showActive" onclick="(this.checked)?$('.isNotActive').hide():$('.'+$(this).closest('.scType').val().show())"> Show Only Active?</span>

$（'.isNotActive'）.hide（）部分可以工作，但我无法让其他部分工作。有什么想法吗？

此示例显示如何输出用jQuery选中的下拉复选框的选定值。

HTML:

<select name="scType" class="scType">
  <option value="Five" selected>Five</option>
  <option value="Six">Six</option>
</select>
<select name="scType" class="scType">
  <option value="Three" selected>Three</option>
  <option value="Four">Four</option>
</select>
<select name="scType" class="scType">
  <option value="One" selected>One</option>
  <option value="Two">Two</option>
</select>
<span id="showActiveS">
<input name="showActive" class="showActive" type="checkbox" id="showActive">
Display Closest Drop Down Value
</span>
<div>Output: <span id="output"></span></div>

Javascript：

$('.showActive').on('click', function(){ 
  if ($(this).prop('checked'))
    $('#output').text($(this).parent().prev('.scType').val());
  else 
    $('#output').empty();
});

更新的JSFiddle：https://jsfiddle.net/cv22hwm6/7/

相关文章：