4

我正在构建一个小测验应用程序，选项都是列表项 (li)

在 jQuery 或 javascript 中，我如何能够允许用户选择一个答案（如果我需要添加一个“a”标签就可以了），然后当他们单击提交时（可以通过 javascript 或 jquery 完成）值与它一起提交。当用户点击一个选项时；我会将 jquery 代码放在哪里来操作 css。

示例代码：

<li id="q1" value="1">Option 1</li>
<li id="q2" value="2">Option 2</li>
<li id="q3" value="3">Option 3</li>

提前致谢。如果我听起来有点混乱，或者您无法弄清楚我想说什么，请发表评论，我会尽力澄清。

4

1 回答 1

2

也许您应该使用（或至少尝试）a

<input type="radio">

避免所有那些丑陋的 JavaScript 混乱。

方法一

<label><input type="radio" name="Question" value="1">Option 1</label><br>
<label><input type="radio" name="Question" value="2">Option 2</label><br>
<label><input type="radio" name="Question" value="3">Option 3</label>

利用：

-webkit-appearance: none;
-moz-appearance: none;

从默认中清除所有<input>样式，以便您可以应用背景、颜色、边框或任何您喜欢的样式。

方法二

<li><label><input type="radio" name="Question" value="1">Option 1</label></li>
<li><label><input type="radio" name="Question" value="2">Option 2</label></li>
<li><label><input type="radio" name="Question" value="3">Option 3</label></li>

input[type=radio]{
    width:0px;
    height:0px;
}

使用这种方法，当您单击 时，单选按钮也将被选中<li>。另外，您也可以设计自己的样式<li>！

现场演示： http: //jsfiddle.net/DerekL/CDV7q/（有一些额外的修改）

于 2012-05-27T23:06:02.007 回答