js/jq两组单选框关联起来，点击一组，另一组随第一组一起变化(判断单选选中未选中)

笑到世界都狼狈

已于 2022-11-11 09:27:30 修改

阅读量768

点赞数

分类专栏： js/jq 文章标签： javascript jquery html5 css3 css

于 2020-03-13 09:38:36 首次发布

本文链接：https://blog.csdn.net/qq_36509946/article/details/104834217

版权

js/jq 专栏收录该内容

55 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
</head>
<body>
    <table>
        <tr>             
                <td>密码</td>
                <td>
                    <input type="radio" id="inputPassYes" name="passwordRequire" value="1">是
                    <input type="radio" id="inputPassNo" name="passwordRequire" value="0">否
                </td>    
            </tr>
            <tr>
                <td>确认密码</td>
                <td>
                    <input type="radio"  id="inputConfirmYes" name="confirmPasswordRequire" value="1" disabled>是
                    <input type="radio"  id="inputConfirmNo" name="confirmPasswordRequire" value="0" disabled>否
                </td>  
            </tr>
    </table>
</body>
<script type="text/javascript">
        /**
        *页面刚加载进去判断是否选中
        */
        if ($("#inputPassYes").attr("checked")){
            $("#inputConfirmYes").attr("checked","checked");
            // console.log('选中')
        }
        if ($("#inputPassNo").attr("checked")){
            $("#inputConfirmNo").attr("checked","checked");
            // console.log('未选中')
        }
        /**
        *点击的时候进行关联选中
        */

        $("#inputPassYes").on('click',function () {
            $("#inputConfirmYes").prop("checked","checked");//刚开始用的是attr,怎奈何死都无法实现想要的效果，换成prop就可以达到效果了，知道为什么的各位大神可以评论为我解惑
            // $("input:radio[name='confirmPasswordRequire']").eq(0).prop("checked","checked");//此方法也可以用
        })
        $("#inputPassNo").on('click',function () {
            $("#inputConfirmNo").prop("checked","checked");
            // $("input:radio[name='confirmPasswordRequire']").eq(1).prop("checked","checked");
        })

</script>
</html>

笑到世界都狼狈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js/jq两组单选框关联起来，点击一组，另一组随第一组一起变化(判断单选选中未选中)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"&g...
复制链接

扫一扫

专栏目录