JQuery实现的 checkbox 全选；<select>下拉框功能

1. 全选的checkbox选中时，子checkbox全部选中。反之，全部不选

2.子checkbox中，只要有没有被选中的，取消全选checkbox的选中

3.子checkbox的数量和子checkbox被选中的数量一样时，全选checkbox要被选中

1. //复选框事件
2. //全选、取消全选的事件
3. function selectAll(){
4. if ($("#SelectAll").attr("checked")) {
5. $("input[name='subcheck']").attr("checked", true);
6. } else {
7. $(":checkbox").attr("checked", false);
8. }
9. }
10. //子复选框的事件
11. function setSelectAll(){
12. //当没有选中某个子复选框时，SelectAll取消选中
13. if (!$("#subcheck").checked) {
14. $("#SelectAll").attr("checked", false);
15. }
16. var chsub = $("input[type='checkbox'][name='subcheck']").length; //获取subcheck的个数
17. var checkedsub = $("input[type='checkbox'][name='subcheck']:checked").length; //获取选中的subcheck的个数
18. if (checkedsub == chsub) {
19. $("#SelectAll").attr("checked", true);
20. }  else{
21. $("#SelectAll").attr("checked", false);}
22. }

全选checkbox的id是SelectAll，子checkbox的name是subcheck.

HTML页面代码如下：

1. <input type="checkbox" id="SelectAll"  value="全选" onclick="selectAll();"/>
2. <input type="checkbox" name="subcheck[]"  value="1" onclick="setSelectAll();"/>
3. <input type="checkbox" name="subcheck[]"  value="2" onclick="setSelectAll();"/>
4. <input type="checkbox" name="subcheck[]"  value="3" onclick="setSelectAll();"/>
5. <input type="checkbox" name="subcheck[]"  value="4" onclick="setSelectAll();"/>

二、下拉框功能

效果：

代码：

HTML：

<tr>
                          <th scope="row">用户类型(vip)</th>
                        <td>
                      <select name="user_type">
                           <option value="0" {if $member_arr['user_type']=='null'||$member_arr['user_type']==''} selected="selected"{/if}>普通</option>
                       {loop $member_type_arr $k $v}
                           <option value="{$v['user_type']}" {if $member_arr['user_type']== $v['user_type']}selected="selected"{/if}>$v['type_name']</option>
                       {/loop}
                       </select><b style="color:red">*</b>
                      </td>
                      </tr>

php：

1)数据展示：

$member_group_arr = db_factory::query ( sprintf ( "select group_id,groupname from %switkey_member_group", TABLEPRE ) );
$member_type_arr = array(array('user_type'=>'1','type_name'=>'正常'),array('user_type'=>'2','type_name'=>'活动vip'),array('user_type'=>'3','type_name'=>'酒店vip'));

2)数据接收：

$select = $_POST['user_type'];