jQueryでラジオをキャンセルする方法

青灯夜游
リリース: 2022-03-28 15:21:34
オリジナル
2862 人が閲覧しました

ラジオをキャンセルするための Jquery メソッド: 1. attr() 関数、構文 "$("input").attr("checked",false);"; を使用します 2. prop() 関数を使用します、構文「 $("input").prop("checked",false);」。

jQueryでラジオをキャンセルする方法

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

ラジオをキャンセルする jquery メソッド

jquery では、ラジオ ラジオ ボタンの selected 属性を false 値に設定するだけで済みます。ラジオが選択されていることをキャンセルします。

#属性値を設定するには 2 つの方法があります:

  • attr()

  • prop()

例:

  • attr() を使用してチェックされた属性値を設定します

  • <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<script src="js/jquery-1.10.2.min.js"></script>
    		<script>
    			$(document).ready(function() {
    				$("button").click(function() {
    					$("input").attr("checked",false);
    				});
    			});
    		</script>
    	</head>
    	<body>
    		<div>
    			<input type="radio" name="1" value="1" id="rdoYear" checked>本年<br />
    			<input type="radio" name="1" value="2" id="rdoMonth">本月<br />
    			<input type="radio" name="1" value="3" id="rdoDay">本日<br />
    		</div>
    		<button>取消选中</button>
    
    	</body>
    </html>
    ログイン後にコピー
  • prop () を使用して、チェックされた属性値を設定します。

  • <script>
    	$(document).ready(function() {
    		$("button").click(function() {
    			$("input").prop("checked",false);
    		});
    	});
    ログイン後にコピー
達成される効果は同じです


jQueryでラジオをキャンセルする方法

[推奨学習:

jQuery ビデオ チュートリアル Web フロントエンド ビデオ ]

以上がjQueryでラジオをキャンセルする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート