jquery获取单选框的值

最新推荐文章于 2023-02-09 19:48:28 发布

shuair

最新推荐文章于 2023-02-09 19:48:28 发布

阅读量9.6k

点赞数 6

本文链接：https://blog.youkuaiyun.com/shuair/article/details/80740768

版权

该博客主要围绕jQuery获取单选框的值展开，在前端开发中，使用jQuery能方便快捷地获取单选框所选中的值，这对于表单数据处理等操作十分重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    <!DOCTYPE html>  
    <html>  
        <head>  
            <meta charset="utf-8" />  
            <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>  
            <title></title>  
        </head>  
        <body>  
            <input type="radio" name="type" value="0"/>类型0  
            <input type="radio" name="type" value="1"/>类型1  
            <input type="radio" name="type" value="2"/>类型2  
            <input type="radio" name="type" value="3"/>类型3  
            <br />  
            <input type="button" value="获取单选框的值" onclick="getRadio()"/>  
            <input type="button" value="为单选框赋值" onclick="setRadio()"/>  
            <br />  
            <input type="checkbox" name="status" value="0"/>状态0  
            <input type="checkbox" name="status" value="1"/>状态1  
            <input type="checkbox" name="status" value="2"/>状态2  
            <input type="checkbox" name="status" value="3"/>状态3  
            <br />  
            <input type="button" value="获取多选框的值" onclick="getCheckbox()"/>  
            <input type="button" value="为复选框赋值" onclick="setCheckbox()" />  
        </body>  
        <script>  
            function getRadio(){  
                var radioValue = $("input[name='type']:checked").val();  
                console.log(radioValue);  
            }  
            function setRadio(){  
                var i = 2;
                //$("input[name='type']").prop("checked",false);
                $("input[name='type'][value='"+i+"']").prop("checked",true);
                
            }  
            function getCheckbox(){  
                var checkboxValue = [];  
                $("input[name='status']:checked").each(function(){  
                    checkboxValue.push($(this).val());  
                });  
                console.log(checkboxValue);  
            }  
            function setCheckbox(){  
                var checkboxArray = [1,3];  
                $("input[name='status']").prop("checked",false); 
                $.each(checkboxArray,function(index,value){  
                    $("input[name='status'][value='"+value+"']").prop("checked",true);  
                });  
            }  
        </script>  
    </html>