判断radio单选按钮是否选中

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wd2011063437/article/details/79746463

使用jquery进行判断radio单选是否选中并获取选中的value值。
直接上代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        function checkRadio(){
            var item1 = $('input:radio[name=sex]:checked').val();
            if(item1 == null){
                alert('选中一个sex');
            }else{
                alert(item1);
            }
            var item2 = $('input:radio[name=list]:checked').val();
            if(item2 == null){
                alert('选中一个list');
            }else{
                alert(item2);
            }
        }
    </script>
</head>
<body>
    <form action="" method="post">
        <input type="radio" name="sex" value="boy" />boy
        <br/>
        <input type="radio" name="sex" value="girl" />girl
        <input type="radio"  name="list" value="十分满意" />十分满意
        <input type="radio" name="list" value="满意" />满意
        <input type="radio" name="list" value="不满意" />不满意
        <br/>
    <button onclick="checkRadio()">单击</button>
</form>
</html>

猜你喜欢

转载自blog.csdn.net/wd2011063437/article/details/79746463