1

私はjqueryを初めて使用し、ラジオボタンを画像として作成しようと何時間も検索してきました-ユーザーはクリックしてアンケートに記入できます。jquery と css でイメージを再作成するのが難しすぎるため、jqueryui を使用したくありません。

10 の質問 - 質問ごとに 3 つの回答。

私はついにこれが最も便利だと思われるものを見つけました http://screwdefaultbuttons.com/

ラジオボタンごとに3つの個別の画像と、いずれかがチェックされている場合に3つの画像を表示したいと思います。

誰か助けてくれませんか？現在、チェックされているグラフィックとチェックされていないグラフィックは 1 つだけです。

誰かが別の解決策を持っている場合 - それも役に立ちます!

本当にありがとう！

4

2 に答える 2

0

うわーこれは時間がかかりました、そしてここで良い友達の助けを借りて私が思いついたものです。

グループごとに同じ名前で、グループ内の無線ごとに異なるIDを持つラジオボタンの複数のグループがあります。

          <input type="radio" class="question" name="question1" id="q1A" value="A" /><label class="answer" for="q1A">Answer1</label>
          <input type="radio" class="question" name="question1" id="q1B" value="B" /><label class="answer" for="q1B">Answer2</label>
          <input type="radio" class="question" name="question1" id="q1C" value="C" /><label class="answer" for="q1C">Answer3</label>

次に、CSSで非表示のクラスを作成しました

.input_hidden {
position: absolute;
left: -9999px;

}

ラベルのクラスを適切な画像、ホバーなどで設定します。

jqueryの場合、すべてのラジオボタンを非表示にします-ドキュメントが読み込まれたときに実行します。

$('.question:radio').addClass('input_hidden');

そのため、ラベルのみが表示され、ラジオボタンは表示されません。グラフィックをクリックすると、ラジオボタンが選択されます。

于 2012-07-25T01:07:12.290 に答える
0

異なるスタイルの画像ごとに個別のクラスを作成し、css でそのクラスの画像を追加できます。

于 2012-07-22T17:10:31.210 に答える