检索反馈表单的单选按钮值时出现问题
Problems with retrieving radio button value for feedback form
我正在尝试构建一个简单的反馈表单。用户将回答一系列是或否的问题。如果他们选择"否",则会向他们提供一个包含文本的评论表单。
目前,我在检索单选按钮值时遇到问题。我正试图在控制台中打印它们,但当我选择合适的选项时,什么也没发生。如果用户选择"否",则需要能够记住将要提交的评论。
我的JSFiddle在这里:http://jsfiddle.net/787x18vx/
HTML
<p>You are providing feedback</p>
<form>
<div id="question-1">
<label for="question-1">Is this correct?</label>
<input type="radio" value="yes" name="choice-1" />Yes
<input type="radio" value="no" name="choice-1" />No
</div>
<div id="question-2">
<label for="question-2">Another question</label>
<input type="radio" value="yes" name="choice-2" />Yes
<input type="radio" value="no" name="choice-2" />No
</div>
<div id="question-3">
<label for="question-3">One more question</label>
<input type="radio" value="yes" name="choice-3" />Yes
<input type="radio" value="no" name="choice-3" />No
</div>
<br />
<button>Send Feedback</button>
</form>
jQuery
var firstInput = 'input[name=choice]';
var firstInputValue = $('input[name=choice-1]:checked').val();
$(firstInput).on('click', function() {
console.log(firstInputValue);
console.log($('input[name="choice-1"]:checked').val());
console.log($('input[name="choice-2"]:checked').val());
// if value === 'no' show comment form
});
您使用的是不存在的input[name=choice]
选择器。
请改用input[type=radio]
。
var firstInput = 'input[type=radio]';
var firstInputValue = $('input[name=choice-1]:checked').val();
$(firstInput).on('click', function() {
console.log(firstInputValue);
console.log($('input[name="choice-1"]:checked').val());
console.log($('input[name="choice-2"]:checked').val());
// if value === 'no' show comment form
});
Fiddle
var firstInput = 'input[name=choice]';
这是在寻找名称为choice
的特定内容,它似乎不在您的html中。
对此有两种快速方法。首先,只需更改您的选择器:
$('input[type=radio]').on('click', function(){...
这将在点击任何无线电时触发该功能
另一种方法是使用通配符选择器:
var firstInput = 'input[name^=choice]';
^
应该这样做,所以任何名称以choice
开头的输入都会被选中。
这种方法应该有效,但以input[type=radio]
为目标可能是更好的解决方案,
您的名字中缺少-1
var firstInput = 'input[name=choice-1]';
您的选择器正试图获取名称恰好等于"choice"的标记。您可以使用以下按前缀进行搜索
var firstInput = 'input[name|="choice"]';
这将获得名称以"choice"开头的所有标签
相关文章:
- html单选按钮检查问题
- jquery 单选按钮更改问题
- 贝宝表单问题的单选按钮选择
- Javascript测验,有4个问题.单选按钮+继续按钮
- 单选按钮切换按钮问题
- Javascript 单选按钮警报的问题
- 在 Google Apps 脚本中循环访问单选按钮值时遇到问题
- JavaScript 单选按钮问题
- 多项选择测验-单选按钮和功能问题
- jquery动态选择单选按钮(表单重置问题)
- 检索反馈表单的单选按钮值时出现问题
- struts2与jquery单选按钮事件问题
- jquery单选按钮,以及另外两个小问题
- JavaScript 中的 HTML 单选按钮验证问题
- 从显示的问题组中查找选定的单选按钮值
- 如何隐藏单选按钮直到出现问题
- 获取单选按钮值,但存在可变问题
- 使用jQuery根据条件选择/取消选中单选按钮的问题
- 在线测验:通过选择不同的单选按钮将答案和问题分为3类
- 抓取选中单选按钮的问题- JavaScript