- ベストアンサー
フォーム内checkboxのチェック可・不可の切替
- お問い合わせフォームを作ろうと思っております。その中で、一方のチェックボックスにチェックを入れると、別のチェックボックスが入力不可になるような動作のものをjavascriptにて作りたいのですが、どうも上手くいかずにおります。
- Q.1ですが、（１）、（２）それぞれの選択１・選択２は同時にチェックする事はできないようにしたいです。ただし、『（１）の選択１・（２）の選択２』また『（１）の選択２、（２）の選択1』という組み合わせのチェックは可能です。
- Q.2ですが、特に無しを選択すると、選択１、選択２、選択３はチェックする事はできないようにしたいです。また可能でしたら、下にある、2箇所テキスト入力部分は、選択３が選択されないと入力不可の状態にしたいと思っています。
- istriyan
- お礼率48% (13/27)
- JavaScript
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
チェックボックスにdisabledという属性を設定すれば入力不可にできるので、 onclickイベントで希望の処理をすればいいと思います。 とても簡単に書くと <html> <body> <form name="f1"> 選択１<input type="checkbox" name="chk1" onClick="document.f1.chk2.disabled = this.checked;"> 選択２<input type="checkbox" name="chk2" onClick="document.f1.chk1.disabled = this.checked;"> </form> </body> </html> としておけば、選択１をチェックしたら選択２は入力不可になります。 あくまでもサンプルですので、参考までに。
その他の回答 (2)
- yyr446
- ベストアンサー率65% (870/1330)
No.1訂正 readonly属性じゃなくreadOnly属性ね、
お礼
勉強します、有難うございました。
- yyr446
- ベストアンサー率65% (870/1330)
<input type="checkbox">じゃなく<input type="radio">を使って、 同時に選べないものをグループ化しとくのではだめなの？ http://www.htmq.com/html/input_radio.shtml 選択３が選択されないと入力不可の状態にしたい ＝＞これはjavascript使うしかないかな.. テキスト入力の部分を<input type="text" disabled=disabled>にしておいて、 チェックボックスとかラジオボタンのonchangeのイベントで、 そいつのcheckedがtrueだったらテキスト入力の部分を disabled=""にする。 ※disabled属性の他にreadonly属性もあります。 http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-6043025 https://developer.mozilla.org/en/DOM/HTMLInputElement
お礼
ありがとうございます。選択１と２どちらもチェックしない選択肢もあり ラジオボタンにしてどちらかをクリックしてしまうと、どちらか選択されていないといけない状態になると思い、チェックボックス形式にしました。
お礼
javascriptで色々と記述していて試行錯誤していたのですが、こんなにスマートに出来たのですね。。 先程試したところ、無事できました！有難うございましたm(__)m