在帝國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);
});
});