HTMLDOM入力無線無効プロパティ
HTML DOM入力ラジオ無効プロパティは、ラジオボタンを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueは要素を無効にする必要があり、それ以外の場合はfalseを表します。デフォルトでは、disabledプロパティはfalseに設定されています。無効になっている要素はデフォルトでグレー表示されており、クリックできません。
構文
以下は、-
の構文です。無効なプロパティを設定します。
radioObject.disabled = true|false;
ここで、true =ラジオボタンは無効であり、false=ラジオボタンは無効ではありません。デフォルトではfalseです。
例
入力無線無効プロパティの例を見てみましょう-
<!DOCTYPE html>
<html>
<body>
<h1>Input radio disabled Property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>
<p>Disable the above radio button by clicking on the DISABLE button</p>
<button type="button" onclick="disableRadio()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
DISABLEボタンをクリックすると-
上記の例では-
最初に、type =” radio”、name =” fruits”、id =” Mango”のフォーム内に入力要素を作成しました。
<form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>
次に、ユーザーがクリックしたときにdisableRadio（）メソッドを実行するDISABLEボタンを作成しました-
<button type=”button” onclick="disableRadio()">DISABLE</button>
disableRadio（）メソッドは、getElementById（）メソッドを使用してradio型の入力要素を取得し、そのdisabledプロパティをtrueに設定します。これによりラジオボタンが灰色になり、ユーザーはボタンを操作できなくなります：
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
} -
HTMLDOM入力ラジオ値プロパティ
HTML DOM入力ラジオ値プロパティは、type =” radio”を持つ入力要素とvalue属性に関連付けられています。ラジオボタンの値属性の値を返すか、設定するために使用されます。 ラジオボタンのvalueプロパティは、コンテンツが表示されないだけなので、Webサイトのユーザーインターフェイスには影響しません。ただし、フォームの送信時に同じグループの複数のボタンを区別するために使用できます。 構文 以下は、-の構文です。 値プロパティを設定します- radioObject.value = text; ここでは、ラジオボタンの値を指定するためにテキストが使用されています。 例 入
-
HTMLDOM入力無線タイププロパティ
HTML DOM入力ラジオタイププロパティは、type =” radio”を持つ入力要素に関連付けられています。入力無線要素に対して常に無線を返します。 構文 無線タイププロパティの構文は次のとおりです- radioObject.type 例 ラジオタイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input radio type Property</h1> <form> FRUIT: <input type="radio" name=