get value from selected input

时间：2017-09-26 作者：thibaultlgd

这是我的情况，

我有不同的输入，他们每个人都有

<input id="q1a2" type="radio" name="q1" value="1" tabindex="-1">
<input id="q2a1" type="radio" name="q2" value="3" tabindex="-1">
等

这些值来自高级自定义字段，如：

<?php if( have_rows(\'answer_three\') ): ?>

    <?php while( have_rows(\'answer_three\') ): the_row(); ?>

    <input id="<?php echo \'q\' . $i . \'a3\' ?>" type="radio" name="<?php echo \'q\' . $i ?>" value="<?php the_sub_field(\'score_three\');  ?>">
    <label value="<?php the_sub_field(\'score_three\');  ?>" for="<?php echo \'q\' . $i . \'a3\'   ?>">
    <?php the_sub_field(\'new_answer_three\');  ?></label>

    <?php endwhile; ?>
<?php endif; ?>
选择输入时（“选中”）

html如下所示：

body.page-template-page-test section.questions input:checked + label
我试图实现的是只显示选中输入的值。

如何实现这一目标

谢谢你的帮助！

1 个回复
SO网友:Samuel Asor

我不知道有多少input 您拥有的收音机类型和复选框，但这应该得到您想要的：

$(document).ready(function() {
    $(\'input:radio\').change(function() {
        // get the value
        var newValue = $(this).val();

        // Update the div.score
        $(\'div.score\').text(newValue);
    });
});
PS：如果您不想选择多个收音机，则您的收音机输入需要具有相同的名称。

看见CodePen

结束
标签： jquery   advanced-custom-fields   meta-value   input   小码农  

相关推荐

具有jQuery依赖项的入队脚本未获取jQuery

为我的主题添加脚本，并将jquery作为依赖项添加。我在页面的页眉中看到了jquery脚本标记，但页脚中的脚本出现了“$不是函数”错误。function wpdocs_template_scripts() { wp_enqueue_style( \'style\', get_stylesheet_uri() ); wp_enqueue_script(\'modernizer\', get_template_directory_uri() .\'/js/vendor/mode

get value from selected input - 小码农CODE - 行之有效找到问题解决它

get value from selected input

时间：2017-09-26 作者：thibaultlgd

这是我的情况，

我有不同的输入，他们每个人都有

<input id="q1a2" type="radio" name="q1" value="1" tabindex="-1">
<input id="q2a1" type="radio" name="q2" value="3" tabindex="-1">
等

这些值来自高级自定义字段，如：

<?php if( have_rows(\'answer_three\') ): ?>

    <?php while( have_rows(\'answer_three\') ): the_row(); ?>

    <input id="<?php echo \'q\' . $i . \'a3\' ?>" type="radio" name="<?php echo \'q\' . $i ?>" value="<?php the_sub_field(\'score_three\');  ?>">
    <label value="<?php the_sub_field(\'score_three\');  ?>" for="<?php echo \'q\' . $i . \'a3\'   ?>">
    <?php the_sub_field(\'new_answer_three\');  ?></label>

    <?php endwhile; ?>
<?php endif; ?>
选择输入时（“选中”）

html如下所示：

body.page-template-page-test section.questions input:checked + label
我试图实现的是只显示选中输入的值。

如何实现这一目标

谢谢你的帮助！

1 个回复
SO网友:Samuel Asor

我不知道有多少input 您拥有的收音机类型和复选框，但这应该得到您想要的：

$(document).ready(function() {
    $(\'input:radio\').change(function() {
        // get the value
        var newValue = $(this).val();

        // Update the div.score
        $(\'div.score\').text(newValue);
    });
});
PS：如果您不想选择多个收音机，则您的收音机输入需要具有相同的名称。

看见CodePen

标签： jquery   advanced-custom-fields   meta-value   input   小码农  

相关推荐

jQuery .html rendering

我试图在jQuery中呈现HTML，但它不起作用。我的PHP文件：if ( $lastTokens[0][\'token\'] < $lastTokens[1][\'token\']) { $prixachat_format = \'<i class=\"fas fa-arrow-up\"></i>\'.number_format($prixachat, 0, \',\', \' \'); } elseif ($lastTokens[0][\'tok