ラジオボタンとチェックボックスが混在したフォームで、ラジオボタンをクリックしたらチェックボックスを全部外すjQuery

タイトルが凄まじく長いですが、要は以下のように、1つのフォーム項目でラジオボタンとチェックボックスが混在しているような状況のことです。

好きなメーカー

特になし トヨタ パナソニック ソニー

このような状況の場合、チェックボックスが入っている状況でラジオボタンをクリックしても、チェックボックスは外れてくれません。

というわけでJavascript、というかjQueryで制御します。

先程書いたHTMLは以下のとおり。

jQueryを読み込んだ後、

という風に書くと、ウマく動作してくれます。

最初の処理は、ラジオボタンをクリックしたら、チェックボックスを全部はずしています。
次の処理は、チェックボックスをクリックしたら、ラジオボタンを外しています。

GRC検索順位チェックツール*
順位チェックとサイト管理を1つのツールで!検索順位チェックツールGRC*

スポンサード・リンク

«
»
 

トラックバックURL

コメントを書き込む