Javascript 检查是否已选中引导multiselect中的复选框

Javascript 检查是否已选中引导multiselect中的复选框,javascript,jquery,html,twitter-bootstrap,Javascript,Jquery,Html,Twitter Bootstrap,我想在javascript中检查是否选中了bootstrap multiselect中的复选框。通常使用标签和type=“checkbox”属性创建复选框。那样的话,我可以用 document.getElementById(id).checked 测试复选框是否已选中。但在引导multiselect中,使用了标签。 以下是我的html代码: <select class="demo" multiple="multiple"> <option id="test_id" v

我想在javascript中检查是否选中了bootstrap multiselect中的复选框。通常使用标签和type=“checkbox”属性创建复选框。那样的话,我可以用

document.getElementById(id).checked
测试复选框是否已选中。但在引导multiselect中,使用了标签。 以下是我的html代码:

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

测试值
如果我使用document.getElementById(id).checked函数,我会得到一个“undefined”,而不是true或false? 在这种情况下,测试复选框或未选中框的正确方法是什么? 谢谢
卡尔

这是一把使用JQuery的小提琴。如果您使用的是引导,我假设您使用的是JQuery。这些是您拥有的选择选项,而不是复选框,顺便说一句;)

代码:


测试值1
测试值2
测试值3
$('#mySelect').change(function(){
警报($('#mySelect选项:selected').text();
});

这里有一个使用JQuery的小提琴。如果您使用的是引导,我假设您使用的是JQuery。这些是您拥有的选择选项,而不是复选框,顺便说一句;)

代码:


测试值1
测试值2
测试值3
$('#mySelect').change(function(){
警报($('#mySelect选项:selected').text();
});

只需将所有选定值推送到一个数组中,并根据需要操作信息即可

HTML


只需将所有选定的值推送到一个数组中,并根据需要操作信息即可

HTML


这里有一个函数,用于返回是否使用特定选项的id选中该选项:

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

下面是一个函数,用于返回是否使用特定选项的id检查该选项:

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

id
在选项中…这是新的您是否尝试了
document.getElementById(id)。选择了
id
在选项中…这是新的您是否尝试了
document.getElementById(id)。选择了
?是的,这当然有效,但是否也有类似于checked属性的内容?布尔值很好,即使我已经可以用上面的解决方案解决我的问题了……一般来说,在
select
元素中有
checkbox
类型的输入是很少见的。如果你真的想拥有这些元素,你最好的方法就是模仿
选择
的行为,用某种类型的下拉框来容纳你所有的
复选框。看看这个代码示例,是的,当然可以,但是是否也有类似checked属性的东西?布尔值很好,即使我已经可以用上面的解决方案解决我的问题了……一般来说,在
select
元素中有
checkbox
类型的输入是很少见的。如果你真的想拥有这些元素,你最好的方法就是模仿
选择
的行为,用某种类型的下拉框来容纳你所有的
复选框。看看这个代码示例
$(".demo").change(function() {
  var allSelected = new Array();
  $(".demo option:selected").each(function(){
    allSelected.push(this.value);
  });
  $('#selectedVals').html(allSelected)
});
function isChecked(optionId) {
    return $(".demo > #" + optionId).get(0).selected;
}