检查是否已选中bootstrap-multiselect中的复选框

Question

我想检查javascript是否已检查bootstrap-multiselect中的复选框。通常使用label和type =“checkbox”属性创建复选框。在那种情况下，我可以使用

document.getElementById(id).checked

测试是否选中该复选框。但是在bootstrap-multiselect中，使用了标签。 这是我的HTML代码：

<select class="demo" multiple="multiple">
    <option id="test_id" value="test_value">test_value</option>
</select>

如果我使用函数document.getElementById（id）.checked，我得到一个“未定义”而不是true或false？ 在这种情况下，检查已检查或未检查的框的正确方法是什么？ 谢谢 卡尔

Answer 1

这是一个函数，它返回是否使用其id检查特定选项：

function isChecked(optionId) {
    return $(".demo > #" + optionId).get(0).selected;
}

Answer 2

这是使用JQuery的小提琴。我假设如果您使用的是Bootstrap，那么您正在使用JQuery。这些是你有的选择，而不是复选框，顺便说一句;）

https://jsfiddle.net/d1L8uott/

代码：

<select class="demo" multiple="multiple" id="mySelect">
 <option id="test_id1" value="test_value">test_value1</option>
 <option id="test_id2" value="test_value">test_value2</option>
 <option id="test_id3" value="test_value">test_value3</option>
</select>

$('#mySelect').change(function(){
  alert($('#mySelect option:selected').text());
});