ラジオボタンのチェックを外す 3 つの方法の例

著者：Eve Cole 更新時間：2025-02-15 11:48:02

この記事では、ラジオのチェックを解除する 3 つの方法を説明します。コード例は次のとおりです。

この記事は jQuery に依存します。1 番目と 2 番目のメソッドは jQuery を使用して実装され、3 番目のメソッドは JS と DOM に基づいています。

次のようにコードをコピーします。

<!DOCTYPE HTML>

<html>

<頭>

<title>ラジオボタンのチェックを外す 3 つの方法</title>

</script>

$(関数(){

var $browsers = $("input[name=browser]");

var $cancel = $("#cancel");

var $byhide = $("#byhide");

var $remove = $("#remove");

$cancel.click(関数(e){

// 属性を削除します。どちらの方法も使用できます

//$browsers.removeAttr("チェック済み");

$browsers.attr("チェック済み",false);

});

$byhide.click(関数(e){

// 非表示ドメインに切り替えます。両方の方法が利用可能です

//$("#hidebrowser").attr("checked",true);

$("#hidebrowser").attr("チェック済み","チェック済み");

});

$remove.click(関数(e){

// DOM 要素に直接移動し、属性を削除します

// jQuery を使用しない場合は、このメソッドを移植できます

varcheckedbrowser=document.getElementsByName("ブラウザ");

$.each(checkedbrowser, function(i,v){

v.checked = false;

v.removeAttribute("チェック済み");

});

var len = checkbrowser.length;

変数 i = 0;

for(; i < len; i++){

// まず値を false に設定してから属性を削除する必要があります

checkbrowser[i].checked = false;

// 属性を削除せずにこれを行うことができます

//checkedbrowser[i].removeAttribute("checked");

}

});

</script>

</head>

<本文>

<p>どのブラウザが好みですか? </p>

<フォーム>

<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />

<input type="radio" name="browser" value="Firefox">Firefox<br />

<input type="radio" name="browser" value="Netscape">Netscape<br />

<input type="radio" name="browser" value="Opera">Opera<br />

<br />

</form>

</body>

</html>