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

帝国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多选限制为单选，从而实现不错的搜索效果