在帝国cms里面,想要进行多选,比如地区的多选搜索,那就需要地区多选后的表单全部拼接,然后再传给keyboard字段,所以就需要用到下面的代码:
html部分代码:
<label class="area-box-listhover">
<input class="inputcheckbox" type="checkbox" name="address[]" value="安徽">
<span class="area-box-name">安徽</span>
</label>
<label class="area-box-listhover">
<input class="inputcheckbox" type="checkbox" name="address[]" value="澳门">
<span class="area-box-name">澳门</span>
</label>
<label class="area-box-listhover">
<input class="inputcheckbox" type="checkbox" name="address[]" value="重庆">
<span class="area-box-name">重庆</span>
</label>
<label class="area-box-listhover">
<input class="inputcheckbox" type="checkbox" name="address[]" value="福建">
<span class="area-box-name">福建</span>
</label>
<label class="area-box-listhover">
<input class="inputcheckbox" type="checkbox" name="address[]" value="广东">
<span class="area-box-name">广东</span>
</label>
<input id="hadd" type="hidden" name="keyboard[]" >
jQuery代码:
$(document).ready(function() {
$('input[name="address[]"]').change(function() {
// 获取选中的复选框的值
var address = $('input[name="address[]"]:checked').map(function() {
return $(this).val();
}).get().join(' '); // 将选中的复选框的值拼接成字符串,以空格隔开
// 设置隐藏域的值
$('input[id="hadd"]').val(address);
});
});
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容