如何通过jquery将单选按钮的值与类合并

Posted

技术标签:

【中文标题】如何通过jquery将单选按钮的值与类合并【英文标题】:how to merge value of radio button with class through jquery 【发布时间】:2018-10-14 12:34:23 【问题描述】:
$check = $(this).closest('ul').parent().attr('id');

我有一个“check”变量,其值为“quiz1”

并且这个 div(有 id quiz1)包含单选按钮。 所以我想要在 quiz1 中检查的单选按钮的值(具有类选项)。

所以,我正在使用

 $value = $($check +' .option:checked').val();
// error: undefind
$value = $('#'+$check +' .option:checked').val();
//Uncaught Error: Syntax error, unrecognized expression: #[object Object] .option:checked

使用php生成的主div

<div class="modal-body tab-pane container quiz-list" id="quiz<?= $i ?>">
                      <h4><?= $i . "." ?> <?= $rowForQuiz['question'] ?> </h4>
                      <h4 class="mt-4"><input type="radio" name="quizoption[]" value="A"><label for="A"> <?= $rowForQuiz['optiona'] ?></label></h4>
                      <h4><input type="radio" class="option" name="quizoption[]" value="B"><label for="B"> <?= $rowForQuiz['optionb'] ?></label></h4>
                      <h4><input type="radio" class="option" name="quizoption[]" value="C"><label for="C"> <?= $rowForQuiz['optionc'] ?></label></h4>
                      <h4><input type="radio" class="option" name="quizoption[]" value="D"><label for="D"> <?= $rowForQuiz['optiond'] ?></label></h4>
                      <ul class="nav nav-pills">
                        <li class="nav-item">
                          <a class="custome-btn" data-toggle="pill" href="#quiz<?= $i+1 ?>">NEXT</a>
                        </li>
                      </ul>
                    </div>

<script type="text/javascript">
        $('.custome-btn').click(function()
          $check = $(this).closest('ul').parent().attr('id');
          $value = $('#'+$check+' .option:checked').val();
          console.log($value);
        );
      );
    </script>

【问题讨论】:

id 选择器应以 # 开头。 是的,我知道 同时显示您的 html 添加有问题 @VikashSDNT 你什么时候打电话给你的脚本 【参考方案1】:

勾选这个。通过这种方式可以得到结果。我没有更改您通过 php 动态获取的名称、值和 ID。

$('#'+variablename).find('input:radio:checked').each(function()

$('.custome-btn').click(function()

var qn = $(this).closest('ul').parent().attr('id');

 $('#'+qn).find('input:radio:checked').each(function()
            v = $(this).val();
        
        console.log(v);
    );
);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div class="modal-body tab-pane container quiz-list" id="quiz1">
                      <h4><?= $i . "." ?> <?= $rowForQuiz['question'] ?> </h4>
                      <h4 class="mt-4"><input type="radio" name="quizoption[]" value="A"><label for="A"> <?= $rowForQuiz['optiona'] ?></label></h4>
                      <h4><input type="radio" class="option" name="quizoption[]" value="B"><label for="B"> <?= $rowForQuiz['optionb'] ?></label></h4>
                      <h4><input type="radio" class="option" name="quizoption[]" value="C"><label for="C"> <?= $rowForQuiz['optionc'] ?></label></h4>
                      <h4><input type="radio" class="option" name="quizoption[]" value="D"><label for="D"> <?= $rowForQuiz['optiond'] ?></label></h4>
                      <ul class="nav nav-pills">
                        <li class="nav-item">
                          <a class="custome-btn" data-toggle="pill" href="#quiz<?= $i+1 ?>">NEXT</a>
                        </li>
                      </ul>
                    </div>

【讨论】:

以上是关于如何通过jquery将单选按钮的值与类合并的主要内容,如果未能解决你的问题,请参考以下文章

如何将单选按钮值与输入字段相关联

使用 JS 或 JQUERY 将单选按钮转换为只读(未禁用)

如何将单选按钮创建为按钮?

如何将单选按钮添加到菜单项?

将单选按钮关联到各个组

jQuery如何获取选中单选按钮radio的值