javascript – 通过jQuery只选择一个对象并使用表单提交

2024年1月20日 140次阅读

我正在构建一个小测验应用程序,所有选项都是列表项(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>

提前致谢.如果我听起来有点混乱,或者你无法弄清楚我想说的话请评论,我会尽力澄清.

最佳答案 也许你应该使用(或至少尝试)a

<input type="radio">

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

方法1

<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>这样你就可以应用背景,颜色,边框或任何你喜欢的东西.

方法2

<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/(进行一些额外的修改)

点赞