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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/11/22 16:39:38
  • 終了:--

回答(6件)

id:kimizu No.1

kimizu回答回数726ベストアンサー獲得回数212005/11/22 17:00:04

ポイント5pt

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

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

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

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

同じです。

id:tech1

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

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

すいません。

2005/11/23 14:21:55
id:cooper0524 No.2

cooper0524回答回数296ベストアンサー獲得回数42005/11/22 17:05:42

ポイント5pt

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>


これでどうですか?

id:tech1

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

2005/11/23 14:23:33
id:ngc02 No.3

ngc02回答回数108ベストアンサー獲得回数22005/11/22 17:11:11

ポイント30pt

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>

id:tech1

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

2005/11/23 14:24:34
id:aki73ix No.4

aki73ix回答回数5224ベストアンサー獲得回数272005/11/22 17:14:19

ポイント30pt

OnClickイベントで

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

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


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

id:tech1

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

2005/11/23 14:25:23
id:sparituda No.5

sparituda回答回数57ベストアンサー獲得回数02005/11/22 17:53:14

ポイント20pt

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を対象にするのか、注意する必要があります。

id:tech1

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

2005/11/23 14:26:16
id:sparituda No.6

sparituda回答回数57ベストアンサー獲得回数02005/11/22 20:58:47

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

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

2回目です。すみません。

「その配下の質問のラジオボタンを向こうにする」って、nameが同一のラジオボタンのうち1つを一度選んだら、無効(=disabled)にして変更できなくするってことだったでしょうか?


ラジオボタンを無効にするには、前回の回答のcheckedをdisabledに置き換えてください。

document.myForm.elements[ii].disabled=true;

trueで無効、falseで有効になります。


この場合、name属性でまとめて無効にすることはできない様で、elementsを使って、個別にdisabledにします。(MacOSX Safari1.3の場合)

id:tech1

ありがとうございます。

2005/11/23 14:26:37

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません