-
ID:ygbW4C さんの質問

ラジオボタンを見えなくしたいのですが・・・。
元のラジオボタンを [display:none] で消して、四角いCSSのボタンにしました。ところがラジオボタン自体の存在が消えているため、 jQuery の Validation が動かなくなります。苦肉の策でラジオボタンのサイズを 1px + opacity0 にするとうまくいきました。
が!Firefoxだけはラジオボタンのサイズが変えられないため、1px ではなく元のラジオボタンサイズ分、ズレてしまいます・・・。
みなさんどうにか解決策をお教えいただけないでしょうか?よろしくお願いいたします。

みんなの回答 1 件

ID:usMAhb さんの回答

Display hiddenにすれば?

ID:OSNb4C

visibilityな

ID:usMAhb

あ、それそれ

ID:ygbW4C

[visibility:hidden] をやってみたのですが [display:none] と違って隠しの領域は確保されるみたいので、やはりスペースは空いてしまいました。うう

ID:usMAhb

とりあえずhtmlもcssもわからないけど、cssで作ったボタンクリックしたら、input hiddenの値を書き換えるようにして、そっちにバリデーションかければ?

ID:ygbW4C

ご回答ありがとうございます。INPUT type="hidden" にしてそこにバリデ掛けるようにしてみます。また、経過は書かせていただきます。

ID:ygbW4C

hiddenとjQueryバリデーションの海外フォーラムで色々調べていたら、
[validateNonVisibleFields: true]をバリデに実装すると、hiddenだけでなくdisplay:noneにもバリデが適用されることを見つけました。
結論、解決いたしました。色々とヒントをいただいて解決することができました。ご相談に載って頂きありがとうございました。

ID:usMAhb

おめ

最終更新日:2014-08-16 (4,220 views)

関連するトピックス

ページ上部に戻る