Javascript 检查是否已选中引导multiselect中的复选框
我想在javascript中检查是否选中了bootstrap multiselect中的复选框。通常使用标签和type=“checkbox”属性创建复选框。那样的话,我可以用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
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;
}