zoukankan      html  css  js  c++  java
  • 表格中每行的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);
                    }
                });
            }
                );
        }
        );
  • 相关阅读:
    iphone4 系统ios4电话截获
    获取iPhone通话记录(需越狱)
    漫谈SRM主数据迁移及同步(3. 供应商主数据篇)
    对于收货确认的取消,参考此2个Notes 1292032 & 1300861
    漫谈SRM主数据迁移及同步(4. 工厂主数据篇)
    漫谈SRM主数据迁移及同步(2.2 物料主数据篇)
    漫谈SRM主数据迁移及同步(2.1 物料主数据篇)
    采购需求者离职后,其他用户无法操作其创建的购物车
    漫谈SRM主数据迁移及同步(1.2 基本设置篇)
    漫谈SRM主数据迁移及同步(1.1 基本设置篇)
  • 原文地址:https://www.cnblogs.com/tylertang/p/5341121.html
Copyright © 2011-2022 走看看