checkbox全选、清除、反选

    <div id="choose">
        <label style="font-size: 17px;font-weight: 100"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_erbihou_erbihou" />耳鼻喉</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_erbihou_tingli" />听力</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_erbihou_xiujue" />嗅觉</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_gangongneng" />肝功能</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_jiwangbingshi" />既往病史</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_kouqiang_chune" />唇颚</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_kouqiang_kouchi" />口吃</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_kouqiang_yachi" />牙齿</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_ganzang" />肝脏</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_huxi" />呼吸</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_pizang" />脾脏</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_shenjing" />神经</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_xinzangxueguan" />心脏血管</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_xueya" />血压</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_neike_yingyang" />营养</label><br/>
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_tineihanjinshu" />体内含金属</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_guanjie" />关节</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_jingxiongbu" />颈胸部</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_jizhu" />脊柱</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_pifulinbajie" />皮肤淋巴结</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_sizhi" />四肢</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_toumianbu" />头面部</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_shengao" />身高</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_waike_tizhong" />体重</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_xiongbutoushi" />胸部透视</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_yanjing_jiaozheng" />矫正</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_yanjing_luoyan" />裸眼</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_yanjing_sejue" />色觉</label>&nbsp;&nbsp;
        <label style="font-size: 17px"><input type="checkbox" name="tjx" style="zoom: 130%" value="tj_yanjing_yanbing" />眼病</label>&nbsp;&nbsp;
    </div>
    <input type="button" value="全选" class="btn" id="selectAll"/>
    <input type="button" value="清空" class="btn" id="unSelect"/>
    <input type="button" value="反选" class="btn" id="reverse"/>
</div>

 

//点击全选
$("#selectAll").click(function () {
    $("#choose input[name='tjx']").prop("checked", true);

});
//点击全不选

$("#unSelect").click(function () {

    $("#choose input[name='tjx']").prop("checked", false);

});
//反选
$("#reverse").click(function () {
    $("#choose input[name='tjx']").each(function () {
        $(this).prop("checked", !$(this).prop("checked"));
    });
    allchk();
});

//函数allchk()就是用来检测全选框#checkAll应该是选中状态还是未选中状态的
function allchk(){
    var chknum = $("#choose input[name='tjx']").size();//选项总个数
    var chk = 0;
    $("#choose input[name='tjx']").each(function () {
        if($(this).prop("checked")==true){
            chk++;
        }
    });
}
//获得所有选中值
$("#getValue").click(function(){
    var valArr = "";
    $("#choose input[name='tjx']").each(function () {
        if($(this).prop("checked")==true){
            valArr+= $(this).val()+",";//转换为逗号隔开的字符串
        }
    });
    alert(valArr);
});
// 当checkbox全部选中时,全选按钮自动选中
$("#choose input[name='tjx']").click(function(){
    allchk();
});

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值