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);
                    }
                });
            }
                );
        }
        );
  • 相关阅读:
    2.1 String的特性
    sql语句对列进行操作
    java 集合排序
    C#抽象类及其方法的学习
    haproxy+keepalived实现高可用负载均衡
    RPC框架简易实现
    WCF中的ServiceHost初始化两种方式
    C# Stopwatch与TimeSpan详解
    HBase入门篇
    nginx+tomcat+redis完成session共享
  • 原文地址:https://www.cnblogs.com/tylertang/p/5341121.html
Copyright © 2011-2022 走看看