【问题标题】:Get Selected radio button and hidden values获取选定的单选按钮和隐藏值
【发布时间】:2015-12-16 09:17:38
【问题描述】:

我有动态单选按钮。我必须获取选定单选按钮的值和绑定到它的隐藏输入类型的值。我将一种输入类型设为隐藏以使用

传递选项ID
<input type="radio" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />
<input type="hidden" name="sareeOptionId" value="<?php echo $opvalue->getId(); ?>" />

完整代码如下:

  foreach ($productCollection->getOptions() as $value) {
        echo "Custom Option TITLE: <strong>" . $value->getTitle() . "</strong><br/>";

        $values = Mage::getSingleton('catalog/product_option_value')->getValuesCollection($value);
        foreach($values as $opvalue){
            ?>
            <?php  echo $opvalue->getTitle(); ?>

            <input type="radio" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />
            <input type="hidden" name="sareeOptionId" value="<?php echo $opvalue->getId(); ?>" />

        <?php
        }

在我的 Javascript 文件中,我使用以下代码

var data = $j('#customoption').serializeArray(); //customoption is form id
alert(data);

我从&lt;?php echo $opvalue-&gt;getTitle(); ?&gt; 的单选按钮值中获得了正确的选定标签,但不是来自&lt;?php echo $opvalue-&gt;getTitle(); ?&gt; 的对应值ID。它给出了所有的 id 值。

【问题讨论】:

  • 这将是因为每个隐藏的输入都是表单的唯一元素,其值不依赖于其他元素,而单选按钮列表并非如此
  • @TusharGupta:如何获取与所选单选按钮对应的隐藏值?
  • google 它使用 jquery 或 js 你的愿望

标签: javascript php jquery


【解决方案1】:

因为每个隐藏的输入都是表单的唯一元素,其值不依赖于其他元素,而单选按钮列表并非如此。 p>

据我了解,你需要选中的单选按钮对应的隐藏值;你能做的就是

  1. 创建一个隐藏字段。
  2. 使用属性创建单选按钮:data-sareeOptionId = &lt;?php echo $opvalue-&gt;getId(); ?&gt;
  3. 在单选按钮更改时,使用 javascript 使用 on change 事件,用单选按钮的 data-sareeOptionId 填充隐藏字段。
  4. 序列化表单。

代码流:Radio option

<input type="radio" data-sareeOptionId="<?php echo $opvalue->getId(); ?>" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" />

【讨论】:

    【解决方案2】:

    因为你的sareeOptionId 都和name 一样

    使它们成为不同的name,它不会将它们组合成一个值

    【讨论】:

    • 但我从第一个输入框中只得到 1 和更正选择的值。
    • 请解释一下你得到了什么?你的代码中没有输入框
    • @amitshree becoz radio btn 具有相同的名称,它选择了选定的,但输入字段不是这种情况
    猜你喜欢
    • 1970-01-01
    • 2018-02-07
    • 2016-08-30
    • 1970-01-01
    • 1970-01-01
    • 2013-03-04
    • 2012-02-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多