html代码:
disabled=“disabled” 不可选
checked=“checked” 默认选中
<div class="queryBox" id="factoryDiv">
<div class="row">
<span class="query-title"><i class="iconfont" style="color:#eb4e27;font-size: 16px;"></i>排序方式</span>
<label class="checkbox-inline">
<input type="checkbox" id="sort3" value="option3" name="factorySort" checked="checked" onclick="loadData(1)"> 用户数量
</label>
<label class="checkbox-inline">
<input type="checkbox" id="sort1" value="option1" name="factorySort" disabled="disabled" onclick="loadData(1)"> 用户评价
</label>
<label class="checkbox-inline">
<input type="checkbox" id="sort2" value="option2" name="factorySort" onclick="loadData(1)"> 电量规模
</label>
<label class="checkbox-inline">
<input type="checkbox" id="sort4" value="option4" name="factorySort" disabled="disabled" onclick="loadData(1)"> 信用等级
</label>
</div>
<div class="row">
<span class="query-title"><i class="iconfont" style="color:#eb4e27;font-size: 16px;"></i>筛选条件</span>
<label class="checkbox-inline">
<input type="checkbox" id="screen1" value="option1" name="factoryQuery" onclick="loadData(1)"> 履约保函
</label>
<label class="checkbox-inline">
<input type="checkbox" id="screen2" value="option2" name="factoryQuery" onclick="loadData(1)"> 参与交易
</label>
</div>
</div>
js代码:
根据标签 name值相同,获取多选框的值 (name=“factorySort” 和 name=“factoryQuery”)
function loadData(num){
//获取多选框的值
var sorts = [];
var querys = [];
$("[name='factorySort']").each(function(){
if($(this).prop('checked')==true){
sorts.push($(this).val());
}
})
$("[name='factoryQuery']").each(function(){
if($(this).prop('checked')==true){
querys.push($(this).val());
}
})
alert(sorts);
alert(querys);
}
效果如下图所示: