javascript - 选择复选框上的元素选择

Question

我试图在打开/关闭复选框时显示隐藏选择元素。但它不起作用。

在页面加载时我希望隐藏选择，在选中复选框时我希望它可见。

代码是

<input type="checkbox" id="inputBasicOff"  checked />
<select  id="fieldSelect" data-placeholder="Choose Field"> 
  <option>1</option>
  <option>2</option>
  <option>3</option>

</select>

而JS是

(function(document, window, $) {
  'use strict';
  var Site = window.Site;
  $(document).ready(function() {
    Site.run();
     $('#fieldSelect').hide();
$("#inputBasicOff").change(function() {
if(this.checked) {

      $('#fieldSelect').fadeIn();
}
else{

 $('#fieldSelect').hide();
}
}); 


  });

})(document, window, jQuery);

Answer 1

你可以这样做，

$("#inputBasicOff").change(function () {
    this.checked ? $("#fieldSelect").fadeIn() : $("#fieldSelect").fadeOut()
});

您的代码存在问题，您正试图选择具有属性(名称)选择器的元素。目前该元素上没有名称属性。