1

我对 jquery 很陌生，我一直在寻找几个小时试图将单选按钮创建为图像 - 用户可以单击以填写调查表。我不想使用 jqueryui，因为图像很难用 jquery 和 css 重新创建。

10 个问题 - 每个问题 3 个答案。

我终于找到了这个似乎最有用的 http://screwdefaultbuttons.com/

我想为每个单选按钮显示 3 个单独的图像，并在选中其中任何一个时显示 3 个图像。

有人可以帮忙吗？现在它只有一张选中的图形和一张未选中的图形。

如果有人有不同的解决方案——那也很有帮助！

非常感谢！

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 回答