帝國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多選限制爲單選，從而實現不錯的搜索效果