表格中每行的checkbox只能选中其中一个jquery实现

HTML代码:

  <span class="number">12.</span>                             
                            <div class="survey_txt mgl20">                                
                                <h5><b>养老金发放条件</b></h5>
                                <div class="fm_options">
                                    <table class="Distribution" id="q12">
                                        <colgroup>
                                            <col class="tdwd200" />
                                            <col class="tbwd100" />
                                            <col class="tbwd100" />
                                            <col class="tbwd100" />
                                            <col class="tbwd100" />
                                        </colgroup>
                                        <thead>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <th>可领取已归属缴费</th>
                                                <th>可领取全部缴费</th>
                                                <th>不可领取</th>
                                            </tr>
                                        </thead>
                                        <tbody>

                                            <tr>
                                                <td class="special_wd2">
                                                    <p>重大疾病 </p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.2-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.2-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.2-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>教育</p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.3-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.3-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.3-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>家庭原因(如家庭成员意外等)</p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.4-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.4-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.4-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>退休</p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.5-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.5-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.5-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>死亡/伤残</p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.6-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.6-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.6-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>自愿离职</p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.7-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.7-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.7-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>非自愿离职</p>
                                                </td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.8-Cd:va-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.8-Cd:ac-M" value="1" /></label></p></td>
                                                <td><p><label><input type="checkbox" class="ckbox" name="QPEN9.13.8-Cd:no-M" value="1" /></label></p></td>
                                            </tr>
                                            <tr>
                                                <td class="special_wd2">
                                                    <p>其他领取条件,请具体说明</p>
                                                </td>
                                                <td><p><label><input type="text" class="text fwd60" name="QPEN9.13.1-Cd:va-T" value="1" /></label></p></td>
                                                <td><p><label><input type="text" class="text fwd60" name="QPEN9.13.1-Cd:ac-T" value="1" /></label></p></td>
                                                <td><p><label><input type="text" class="text fwd60" name="QPEN9.13.1-Cd:no-T" value="1" /></label></p></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>                                
                            </div>         

Jquery事件绑定:

 $(document).ready(
    function () {
        $("#q12 input:checkbox").each(function () {
            $(this).click(function () {
                if ($(this).is(':checked')) {
                    $(this).parent().parent().parent().siblings().find("input:checkbox").attr("checked", false);
                }
            });
        }
            );
    }
    );

 

转载于:https://www.cnblogs.com/tylertang/p/5341121.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值