Question

我对jquery很新，我一直在寻找创建单选按钮作为图像的时间 - 用户可以点击填写调查问卷。我不想使用jqueryui，因为使用jquery和css重新创建图像太难了。

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

我终于找到了一个看起来最有用的 http://screwdefaultbuttons.com/

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

有人可以帮忙吗？现在它只有一个用于检查的图形和一个用于未检查的图形。

如果某人有不同的解决方案 - 这也会有所帮助！

非常感谢！

Answer 1

您可以为每个不同风格的图像和css添加该类的单独类。

Answer 2

哇这需要一段时间，在这里有一位好朋友的帮助就是我想出来的。

我有多组单选按钮，每个组的名称相同，组中每个单选的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隐藏所有单选按钮 - 在加载doc时执行。

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

所以现在只显示标签，而不是单选按钮。单击图形时，将选择单选按钮。

单选按钮作为图像，选中和取消选中状态（jquery）

2 个答案: