layui radio元素采用动态插入的方式时获取不到选中值?

提问 已结 5 297
渚凉
渚凉 2020-3-26
悬赏:20飞吻
版本:layui 浏览器:谷歌
jsp页面,做一个从后台获取大量选择题的考试系统,用到了c:foreach循环,遍历一个含有ABCD单选的div,相当于动态插入表单元素吧;但是不知怎样获取每个选择题中radio最后的选中值?
<c:forEach items="${pb.data }" var="q">
<li id="choose_q">
<div class="layui-form" id="q_options" lay-filter="ques_options">
<input type="radio" name="x_option" value="A" title="A ${q.cho_A }"><br>
<input type="radio" name="x_option" value="B" title="B ${q.cho_B }"><br>
<input type="radio" name="x_option" value="C" title="C ${q.cho_C }"><br>
<input type="radio" name="x_option" value="D" title="D ${q.cho_D }">
</div>
<div id="myanswer">我的答案:</div>
<span id="right_a" style="display:none">正确答案:${q.right_ans }</span>
</li>
</c:forEach>
这是渲染出来两个选择题的效果:

比如说我第一个选中题选中了B,想获取B alert出来;用了
form.on('radio(ques_options)', function(data){
alert(data.value);
});
监听事件没有效果。。。是不是因为我每个选择题单选框元素是用循环动态遍历出来多个的所以没有用?求赐教!!
回帖
  • IDyun
    2020-3-26
    jqueyr方法 获取单选框选中值
    $(':radio[name="x_option"]:checked').val();
    0 回复
  • 渚凉
    2020-3-26
    layui.use('form', function () {
    var form = layui.form;
    form.on('radio', function(data){
    alert(data.value);
    });
    });
    我靠,我知道了,要放在layui.use里面才行,如上;
    真是求啥不如求己啊[泪] ,值出来了,自己解决了。。。以后有问题再问吧[嘻嘻]
    0 回复
  • 渚凉
    2020-3-26
    额,第一次提问,不知道怎么结帖。。。[吃惊]
    0 回复
  • 渚凉
    2020-3-26
    @IDyun 谢谢
    0 回复
  • MiniUI
    2020-3-26
    你的所有题目选项都是name="x_option"??没区分不同题目怎么选中
    0 回复