HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLDOM入力ラジオチェック済みプロパティ

HTML DOM Input Radioのcheckedプロパティは、radio型の要素のcheckedプロパティに関連付けられています。基本的に、ラジオボタンのチェックされた属性値を設定または返すために使用されます。

構文

以下は、-

の構文です。

チェックされたプロパティを設定します。

radioObject.checked = true|false

例

Radiocheckedプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input Radio checked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>
<br><button type=”button” onclick="checkApple()">Check Apple</button>
<script>
   function checkApple() {
      document.getElementById("Apple").checked = true;
   }
</script>
</body>
</html>

出力

これにより、次の出力が生成されます-

HTMLDOM入力ラジオチェック済みプロパティ

「Appleをチェック」ボタンをクリックすると-

HTMLDOM入力ラジオチェック済みプロパティ

上記の例では-

フォーム内には、type =“ radio”とname =“fruits”という共通の属性を持つ2つの入力フィールドがあります。最初のラジオボタンのIDは「Mango」で、2番目のラジオボタンのIDは「Apple」です-

<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>

次に、ユーザーがクリックしたときにcheckApple（）メソッドを実行する「CheckApple」ボタンを作成しました-

<button type=”button” onclick="checkApple()">Check Apple</button>

checkApple（）メソッドは、getElementById（）メソッドを使用してradio型の入力要素を取得し、そのcheckedプロパティをtrueに設定します。これにより、アップルのラジオボタンがチェックされます。− 

function checkApple() {
   document.getElementById("Apple").checked = true;
}

  1. HTMLDOM入力ラジオ値プロパティ

    HTML DOM入力ラジオ値プロパティは、type =” radio”を持つ入力要素とvalue属性に関連付けられています。ラジオボタンの値属性の値を返すか、設定するために使用されます。 ラジオボタンのvalueプロパティは、コンテンツが表示されないだけなので、Webサイトのユーザーインターフェイスには影響しません。ただし、フォームの送信時に同じグループの複数のボタンを区別するために使用できます。 構文 以下は、-の構文です。 値プロパティを設定します- radioObject.value = text; ここでは、ラジオボタンの値を指定するためにテキストが使用されています。 例 入

  2. HTMLDOM入力無線タイププロパティ

    HTML DOM入力ラジオタイププロパティは、type =” radio”を持つ入力要素に関連付けられています。入力無線要素に対して常に無線を返します。 構文 無線タイププロパティの構文は次のとおりです- radioObject.type 例 ラジオタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input radio type Property</h1> <form> FRUIT: <input type="radio" name=