例子
<input type="checkbox" name="uimg" value="图片1">图片1
<input type="checkbox" name="uimg" value="图片2">图片2
<input type="checkbox" name="uimg" value="图片3">图片3
<input type="checkbox" name="uimg" value="图片4">图片4
使用JS获取到多选框的值,再将值赋给input框,便于后台接收:
function getTheCheckBoxValue() {
obj = $('input[name="uimg"]');
check_val = [];
obj.each(function(i){
if($(this).is(":checked")){
check_val.push($(this).val());
}
});
isPillbox=check_val.toString();//已字符串形式获取
console.log(isPillbox);
$('#uimgs').val(isPillbox);
}
<input type="hidden" name="uimgs" id="uimgs" >
后台接收:
String uimg = request.getParameter("uimgs");
前台取值判断选中状态
$(document).ready(function () {
var uimg = "${(user.uimg)!}";
if(uimg != null && uimg != ""){
var checkBoxArray = uimg.split(",");
for(var i=0;i<checkBoxArray.length;i++){
$("input[name='uimg']").each(function(){
if($(this).val()==checkBoxArray[i]){
$(this).attr("checked","checked");
}
})
}
}
})