帝国cms form表单内将多选后的结果赋值给隐藏表单

在帝国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
喜欢就支持一下吧
点赞12
评论 抢沙发

请登录后发表评论

    暂无评论内容