当前位置：网站首页>Radio boxes are mutually exclusive and can be deselected at the same time

Radio boxes are mutually exclusive and can be deselected at the same time

2022-06-26 01:09:00 【Jennifer33K】

Radio boxes are mutually exclusive and can be unchecked at the same time 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/js/js/jquery.min.js"></script>
</head>
<body>
    <div id="box2" class="box"> New energy vehicle or not ：
        <input type="radio" id="isNewEngery" name="isNewEngery" > yes 
        <input type="radio" id="notNewEngery" name="isNewEngery"> no 
<!-- <input type="checkbox" id="isNewEngery" name="isNewEngery"> yes  -->
<!-- <input type="checkbox" id="notNewEngery" name="notNewEngery"> no  -->
    </div>
        
    <script>       
    $(document).ready(function () {
    
        $(':radio').click(function () {
    
            var r = $(this).attr("name");
            $(":radio[name=" + r + "]:not(:checked)").attr("tag", 0);
            if ($(this).attr("tag") == 1) {
    
                $(this).prop('checked',false);
                $(this).attr("tag", 0);
            }else {
    
                $(this).attr("tag",1);
            }
        });

    });
    </script>
</body>
</html>
原网站

版权声明
本文为[Jennifer33K]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/177/202206252314023917.html

边栏推荐

猜你喜欢

随机推荐