首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms 将form表单内指定盒子内的input多选限制为单选

帝国cms 将form表单内指定盒子内的input多选限制为单选

时间：2023年09月17日

来源：网络

编辑：佚名

帝国cms里面，搜索的话，提交的表单name只能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>
jQuery代码：
$(document).ready(function() {
// 获取所有需要控制的盒子
var boxes = $('#box3');
// 遍历每个盒子
boxes.each(function() {
// 获取盒子内的 checkbox input
var checkboxes = $(this).find('input[type="checkbox"]');
// 绑定 checkbox 的 change 事件
checkboxes.change(function() {
// 取消其他盒子的选中状态
boxes.not(this).find('input[type="checkbox"]').prop('checked', false);
// 取消本盒子的其他选中状态
$(this).prop('checked', true);
});
});
});
这样就可以将指定盒子内的input多选限制为单选，从而实现不错的搜索效果

新闻资讯更多

猜你需要