使用jQuery和php获取单选按钮的值

时间:2017-10-21 14:01:28

标签: php jquery

我想在单选按钮中点击该值。

这是我的代码:

<ul class="collapsible popout" data-collapsible="accordion" id="clicks">
        <?php
        foreach ($preguntas['preguntas'] as $row)
        {
            $opciones = $pregunta->opciones($row[0]);
        ?>


            <li>
                <div class="collapsible-header"><i class="material-icons">question_answer</i><?php echo utf8_encode($row[2]); ?></div>

                <div class="collapsible-body">

                    <?php foreach ($opciones as $opcion){ ?>
                            <p class="left-align" id="options">
                                <input class="with-gap" name="pregunta_<?php echo utf8_encode($row[0]); ?>" type="radio" id="opcion_<?php echo utf8_encode($opcion[0]); ?><?php echo $row[0] ?>" value="<?php echo $opcion[0]; ?>" />
                                <label for="opcion_<?php echo $opcion[0]; ?><?php echo utf8_encode($row[0]); ?>"><?php echo utf8_encode($opcion[2]); ?></label>
                            </p>
                    <?php } ?>
                </div>
            <?php } ?>
        </li>

    </ul>

我需要获取此输入的值id =“opcion _...”

<p class="left-align" id="options">
  <input class="with-gap" name="pregunta_<?php echo utf8_encode($row[0]); ?>" type="radio" id="opcion_<?php echo utf8_encode($opcion[0]); ?><?php echo $row[0] ?>" value="<?php echo $opcion[0]; ?>" />
  <label for="opcion_<?php echo $opcion[0]; ?><?php echo utf8_encode($row[0]); ?>"><?php echo utf8_encode($opcion[2]); ?></label>
</p>

问题是名称和ID正在改变,它不一样 有什么想法吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

属性$("[attribute^='value']")的部分JQuery选择器,如下所示:

$("[id^='opcion_']").click(function(){
	alert($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


 <label><input name="pregunta_xxx" type="radio" id="opcion_123" value="123">radio for 123</label>
 <label><input name="pregunta_xxx" type="radio" id="opcion_456" value="456">radio for 456</label>