Easyui CheckBox 复选框获取选中的值
传统的复选框在选中后,会在 input 框 中添加 checked 属性,可以根据 $(“id”).attr(“checked”) 来获取选中的值,但在easyui 中 的复选框 是一个span 标签,它是利用css来控制的。所以想要获取easyui 中 复选框选中的值,必须要用新的方法,代码如下。
html
<div id="checkbox_div">
<input class="easyui-checkbox" name="like" value="书" label="书">
<input class="easyui-checkbox" name="like" value="电影" label="电影">
<input class="easyui-checkbox" name="like" value="动漫" label="动漫">
<div/>
js
<script>
$(function () {
// res就是复选框中 所有的选中值
var res = "";
// checkbox_div 为 div 中的id; like 为 input 中的 name 属性值
$('#checkbox_div').find("input[checkboxname='like']").each(function(index,obj){
if ($(obj).checkbox('options').checked) {
// 选中复选框中的值
res += $(obj).val();
}
});
});
</script>