表格中每行的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);
                }
            });
        }
            );
    }
    );

 

posted @ 2016-03-31 14:34  龍☆  阅读(768)  评论(0编辑  收藏  举报