[Wise] school -js get the value of the selected radio

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>垃圾回收产废系统</title>
</head>
<body>

  <form id="form1">
    
            <table  border="0"> 
                <tr>
                        <td>审核:</td>
                        <td>
                            <input type="radio" name="examine" value="通过" />通过
                            <input type="radio" name="examine" value="不通过" checked="checked" />不通过
                            <input type="radio" name="examine" value="待审核" />待审核
                        </td>
                    </tr>
               
             </table>

         <input type="button" onclick="getradio()" value="查看结果">
       
     </form>

<script type="text/javascript">

    function getradio() {

        // 方法一
        var item = null;
        var obj = document.getElementsByName("examine")
        for (var i = 0; i < obj.length; i++) { //遍历Radio
            if (obj[i].checked) {
                item = obj[i].value;
            }
        }
        alert(item);

        // 方法二 jquery版本在1.3之前 (FF和chrome下无效)
        item = $('input[name=examine][checked]').val();
        alert(item);

        // jquery 1.3 之后使用
        item = $('input[name=examine]:checked').val();
        alert(item);

        // 方法三 jquery 读取多个 版本在1.3之前 (FF和chrome下无效)
        $("input[type=radio][checked]").each(function() {
            item =  $(this).val();
            alert(item);
        })

        // jquery 1.3 之后使用
        $("input[type=radio]:checked").each(function() {
            item = $(this).val();
            alert(item);
        })
    }
</script>

</body>
</html>

Guess you like

Origin blog.csdn.net/weixin_39593940/article/details/90903461