ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでラジオボタンが選択されているかどうかを確認する方法

jqueryでラジオボタンが選択されているかどうかを確認する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-23 11:36:1911348ブラウズ

ラジオ ボタンが選択されているかどうかを判断するための Jquery メソッド: 1. チェックされた属性を使用して、ラジオ ボタンが選択されているかどうかを判断します。コードは [if ($(this).attr("checked")) {alert です。 ("checked"); }]; 2. jquery はラジオ ボタンの値を取得します。

jqueryでラジオボタンが選択されているかどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。

推奨: jquery ビデオ チュートリアル

ラジオ ボタンが選択されているかどうかを判断するための Jquery メソッド:

1選択を判断するには、checked 属性を使用します。

ラジオは、「checked」の等価性によって判断できません。判断には true のみが使用されます。

コードは次のとおりです:

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

#、jquery はラジオ ラジオ ボタンの値を取得します。

コードは次のとおりです。

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

別の例: ラジオが選択されているかどうかを判断します。選択した値を取得します

コードは次のとおりです:

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

3. ラジオで選択された項目のグループの値を取得します

コードは次のとおりです:

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

4. 設定ラジオ ボタンが選択されています

コードは次のとおりです:

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

関連する無料学習の推奨事項:js ビデオ チュートリアル

以上がjqueryでラジオボタンが選択されているかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。