jquery - 选择框单击功能不再检测到 Bootstrap

Question

因此，我正在使用 Bootstrap 选择，但是，当我在 class="selectpicker" 中添加时，任何非多选框都会失去检测点击功能的能力。

我有这个功能:

$("select").click(function()
{
    if (this.id.match(/rest/g))
    {
        return;
    }
    name = this.id;
    console.log(name);

    select_id = name.replace("_free", "");
    radio = select_id + '_radio';
    //$('input:radio[name='+radio+']:checked').prop('checked', false).checkboxradio("refresh");
    document.getElementById(select_id + "_radio3").checked = true;
}

它所做的是确定单击了哪个选择，然后更改选中的单选按钮。但是，加入selectpicker后，只有multiple的还是会改变radio button。

知道如何解决这个问题吗？

https://jsfiddle.net/34ksL2h5/3/

(删除 class="selectpicker"，您会看到问题)

Answer 1

<div>
  <input id="select1_radio" type="radio" name="radio1">
  <select id="select1" class="selectpicker">
    <option>some option 1</option>
    <option>some option 2</option>
    <option>some option 3</option>
  </select>
</div>
<div>
  <input id="select2_radio" type="radio" name="radio1">
  <select id="select2" class="selectpicker">
    <option>some option 1</option>
    <option>some option 2</option>
    <option>some option 3</option>
  </select>
</div>

脚本。抱歉，它是原生 JS，因为我不知道如何使用 jQuery。希望有人为您翻译。

var sel = document.querySelectorAll('.bootstrap-select');

[].forEach.call(sel, function(elem){
    elem.onclick = function(){
    this.previousElementSibling.checked = true;
  }
});

// $(".selectpicker").selectpicker();

工作 fiddle :https://jsfiddle.net/34ksL2h5/10/

触发器是 .bootstrap-select。希望对您有所帮助!