JavaScript/JQuery radioButton(单选按钮)练习20190409

最新推荐文章于 2021-06-29 16:44:54 发布

weixin_30784141

最新推荐文章于 2021-06-29 16:44:54 发布

阅读量120

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/JimmySeraph/p/10675170.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script type="text/javascript" src="scripts/jquery-3.3.1.js"></script>
    </head>
    <body>
        
        <div id="checkBoxDiv1">
            测试单选框
            <input type="radio" name="checkBox1" class="checkBox1"><input type="radio" name="checkBox1" class="checkBox1" checked="checked">
        </div>
        
        <script type="text/javascript">
            
            $(".checkBox1").on("click", function(){
                var i = 0;
                var parentEle = $(this).parent();
                var index = $(this).index();
                $(".checkBox1").each(function(){
                    var currentEle = parentEle.children(".checkBox1:eq(" + i + ")");
                    if(i == index){
                        currentEle.attr("checked", true);
                    }else{
                        currentEle.attr("checked", false);
                    }
                    i++;
                });
                i = 0;
                $(".checkBox1").each(function(){
                    var currentEle = parentEle.children(".checkBox1:eq(" + i + ")");
                    alert(currentEle.attr("checked"));
                    i++;
                });
            });
            
        </script>
        
    </body>
</html>

这个是用来满足特殊需求的勾选一个单选按钮checked设置为true,其他的同name的单选框checked都设置为false.

转载于:https://www.cnblogs.com/JimmySeraph/p/10675170.html

weixin_30784141

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript/JQuery radioButton(单选按钮)练习20190409

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="scripts/jquery-3.3.1....
复制链接

扫一扫