人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascruptを使用して、一つのラジオボタンを選んだ場合に、その配下の質問のラジオボタンを向こうにするようにするにはどうしたらいいでしょうか??

●質問者: tech1
●カテゴリ:就職・転職 コンピュータ
✍キーワード:ラジオボタン
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● kimizu
●5ポイント

http://www.openspc2.org/kouza_js/043/

メールマガジン「目指せ!ウェブマスター」JavaScript講座

ラジオボタンの変更のイベントで関数を呼び出し

その中で、無効にしたいラジオボタンに対して、disbale=true

にすれば無効になります。

http://www.futomi.com/lecture/javacss/radio_disabled.html

JavaScript / CSS 編 - ラジオボタンの選択項目によりテキストボックスを無効にする - futomi's CGI Cafe

こっちのが参考になりますね。

例では、テキストボックスに対して

無効を設定していますが、ラジオボタンでも

同じです。

◎質問者からの返答

ありがとうございます。ですが

name属性を一緒の名前にした方法が知りたいです。

すいません。


2 ● cooper0524
●5ポイント

http://www.hatena.ne.jp/1132645178#

人力検索はてな - javascruptを使用して、一つのラジオボタンを選んだ場合に、その配下の質問のラジオボタンを向こうにするようにするにはどうしたらいいでしょうか??..

<form name=”form1”>

<input type=radio name=A value=1 onClick=”document.form1.B.disabled=true;”>

<input type=radio name=A value=2 onClick=”document.form1.B.disabled=true;”>


<input type=radio name=B value=1>


</form>


これでどうですか?

◎質問者からの返答

ちょと違いました。すいません。


3 ● ngc02
●30ポイント

http://www.futomi.com/lecture/javacss/disable_radio.html

JavaScript / CSS 編 - セレクトメニューの選択項目によりラジオボタンを無効にする - futomi's CGI Cafe

document.form1.radio1[i].disabled = true;

が基本です。

要するにサンプルは

<form name=”form1”>

<input type=”radio” name=”radio1” value=”1” onclick=”radioChange()”>有効

<input type=”radio” name=”radio1” value=”0” onclick=”radioChange()”>無効

<input type=”radio” name=”radio2” value=”1”>あ

<input type=”radio” name=”radio2” value=”0”>い

<input type=”text” name=”text1”>

<input type=”submit” value=”送信”>

</form>

<SCRIPT LANGUAGE=”JavaScript”>

<!--

function radioChange() {

if(document.form1.radio1[1].checked == true) {

document.form1.radio2[0].disabled = true;

document.form1.radio2[1].disabled = true;}

if(document.form1.radio1[0].checked == true) {

document.form1.radio2[0].disabled = false;

document.form1.radio2[1].disabled = false;}

}

// -->

</SCRIPT>

◎質問者からの返答

これです。ありがとうございます。


4 ● aki73ix
●30ポイント

http://nifberry.727.net/test/hatena160.htm

OnClickイベントで

disabled属性を真にすれば可能です

配下のラジオボタンの数はlength属性でカウントできます


詳しくは作成したサンプルのソースをご覧下さい

◎質問者からの返答

ありがとうございます。これもそうです。


5 ● sparituda
●20ポイント

http://www.hatena.ne.jp/1132645178##

人力検索はてな - javascruptを使用して、一つのラジオボタンを選んだ場合に、その配下の質問のラジオボタンを向こうにするようにするにはどうしたらいいでしょうか??..

URLはダミーです。


javascriptを使わなくても、FORMでラジオボタンのnemaを同一にすれば、選択していないラジオボタンは、オフになります。

<form name=”myForm1”>

<input type=”radio” name=”radio1” value=”ha” checked>は<br>

<input type=”radio” name=”radio1” value=”te”>て<br>

<input type=”radio” name=”radio1” value=”na”>な<br>

</form>


どうしても、javascriptでラジオボタンの状態を変える必要があるのであれば、onclickイベントでjavascriptのファンクションを呼び出して、次の様に、他のラジオボタンの状態を変更すれば良いです。

document.myForm.myRadio1.checked=false;

(myFormはFORMのname属性、myRadio1はラジオボタンのname属性)

複数のラジオボタンの状態を、forループ等で変更する場合は、以下の様にできます。

document.myForm.elements[ii].checked=false;

(iiは、ループカウンタ)

ただし、同じFORMにラジオボタン以外が含まれる場合は、何番目のelementを対象にするのか、注意する必要があります。

◎質問者からの返答

やってみます。ありがとうございます。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ