要求:如图所示,新增标签栏,便签选项数目不固定。点选
1、页面显示便签点选框。
<!-- 显示获取的便签列表 -->
<#list getList.list as item>
<input type="checkbox" value="${item.cate_name!''} " class="checkBox" >${item.cate_name!''}
</#list>
2、设置全选。点击全选,将全选的状态遍历赋给其他选项
// 点击全选或全不选
$('#search-from').on('click','#checkAll',function () {
var checkStatus = $(this).is(':checked') == true;
$('.checkBox').each(function() {
$(this).prop('checked', checkStatus);
});
})
3、点击搜索。每次点击搜索时,遍历所有选项的属性checked,如果为true则添加到tag。遍历结束后即可得到选中的标签。
注意:获取属性值需注意,prop() 和 attr() 可能返回不同的值。prop()为true, attr() 为checked
//点击搜索,刷新
$('#search-from').on('click', '#search', function() {
tag="";
$('.checkBox').each(function() {
if ($(this).prop('checked')) {
tag+=$(this).val();
}
});
alert(tag);
$('#tag').val(tag);
initserchgoods();
});
’实际点选,后台打印输出