首頁 > 文章 > web前端 > jquery如何判斷單選框是否選中

jquery如何判斷單選框是否選中

coldplay.xixi原創: 2020-12-23 11:36:1911291瀏覽

jquery判斷單選框是否選中的方法：1、使用checked屬性判斷選中，程式碼為【if ($(this).attr("checked")) {alert("選中了"); }】；2、jquery取得radio單選按鈕的值。

jquery如何判斷單選框是否選中

本教學操作環境：windows7系統、jquery3.2.1版本，Dell G3電腦。

推薦：jquery影片教學

jquery判斷單選框是否選取的方法：

一、使用checked屬性判斷選取

radio不能用「checked」相等來判斷，只用用true來判斷

程式碼如下:

<script type="text/javascript">
        $(function () {
            $("input").click(function () {
                if ($(this).attr("checked")) {
                    alert("选中了");
                }
            });
        });
    </script>
</head>
<body>
<input type="radio"/>
</body>
</html>

二、jquery取得radio單選按鈕的值

#程式碼如下：

$("input[name=&#39;items&#39;]:checked").val();

另：判斷radio是否選取並取得選取的值

#程式碼如下:

function checkradio(){
var item = $(":radio:checked");
var len=item.length;
if(len>0){
  alert("yes--选中的值为："+$(":radio:checked").val());
}
}

三、取得一組radio被選取項目的值

程式碼如下:

var item = $(&#39;input[name=items][checked]&#39;).val();

四、設置單選按鈕被選取

程式碼如下：

$("input[type=radio]").attr("checked",&#39;2&#39;);//设置value=2的项目为当前选中项

#相關免費學習推薦：js影片教學

以上是jquery如何判斷單選框是否選中的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery如何判斷元素是否在陣列中下一篇：jquery如何判斷元素是否在陣列中

看更多