如果单选按钮答案是回声答案

【问题标题】：If radio button answer is echo如果单选按钮答案是回声
【发布时间】：2015-08-09 13:20:18
【问题描述】：

我想检查收音机的值是否是某个值，如果是，它需要回显一个文本行。

我将此代码用于单选按钮：

<li>
    <label for="recommend_field"><?php echo $this->__('Would you recommend this product to a friend?') ?></label>
    <div class="input-box">
            <?php foreach ( $this->getOptions() as $option ): ?>
            <label>
            <input type="radio" class="radio" name="radio-group" value="<?php echo $option['value'] ?>"<?php if ($option['value'] == $value) echo ' checked="checked"' ?>><?php echo __($option['label']) ?></input>
            </label>
            <?php endforeach ?>
    </div>
</li>

我目前用这一行回显单选按钮的整个值：

<?php echo $this->__('Would you recommend this product to a friend?') ?> <?php echo $this->getAnswer() ?>

单选按钮的值是
1.是的
2.没有

我想检查 value 是否为 Yes，如果是则 echo 'Value is Yes'。

我怎样才能做到这一点？

【问题讨论】：

您想在选择单选按钮后回显“值为是”吗？
您希望何时运行此检查？当从单选按钮中选择一个值或提交表单时？这也将决定您是否需要 PHP。

标签： javascript php jquery radio-button

【解决方案1】：

如您所知，您正在使用 PHP 为浏览器准备好 HTML 代码。因此，您的代码 sn-p 应该只负责为单选按钮组生成 HTML 代码。您的 PHP 代码不会在浏览器中运行，而是在服务器中运行。也就是说，如果你想知道用户在客户端（浏览器）选择了什么，就需要使用Javascript/jQuery查询DOM，从单选按钮组中获取选中的值，如下图：

// jQuery implmentation
$(document).ready(function() {
  $('#submit_button').click(function() {
    var selected_value = $("input[name=radio_group]:checked").val();
  });
});

如果您想在 PHP 中回显该值，您需要将您的单选按钮组和一个提交按钮包装在一个 FORM 中，并向您可以使用 PHP 回显该值的服务器发出 POST 请求。

希望这会有所帮助。

【讨论】：

【解决方案2】：

 <li>
<label for="recommend_field"><?php echo $this->__('Would you recommend this product to a friend?') ?><span id='ans'></span></label>
<div class="input-box">
        <?php foreach ( $this->getOptions() as $option ): ?>
        <label>
        <input type="radio" class="radio" name="radio-group" value="<?php echo $option['value'] ?>"<?php if ($option['value'] == $value) echo ' checked="checked"' ?>><?php echo __($option['label']) ?></input>
        </label>
        <?php endforeach ?>
</div>
</li>

<script>
$(document).ready(function(){

$('input:radio[name=radio-group]:checked').change(function () {
        if (this.value == 'Yes') {
        $('#ans').html("Value is Yes");
        }
        else if (this.value == 'No') {
            $('#ans').html("Value is No");
        }



}); 


</script>

【讨论】：