首頁 > web前端 > js教程 > 主體

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

coldplay.xixi
發布: 2023-01-04 09:37:45
原創
11354 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板