单击单选按钮必须设置文本字段值

时间:2016-03-29 作者:MrCalvin

我的结账页面中有以下单选按钮:

<input id="95292" type="radio" name="GLSShop" value="95292" onclick="SaveShopID(\'95292\')">
<input id="95064" type="radio" name="GLSShop" value="95064" onclick="SaveShopID(\'95064\')">
<input id="95403" type="radio" name="GLSShop" value="95403" onclick="SaveShopID(\'95403\')">
当用户单击按钮2时,我希望文本字段的值设置为“95064”

我正在考虑制作一个java或jqueryscript,如下所示:

function SaveShopID($ShopID){
     $("#order_comments").val($ShopID);
};
1:这是最好、最简单的方法吗?

2: 如果是这样,脚本会是什么样子,如果我的脚本是正确的,我会感到惊讶;-)

3: 我应该把脚本放在哪里?

4: 如何添加/排队脚本?我见过使用add_action(“wp\\u enqueue\\u脚本”…)但我不知道怎么做。

我当然使用儿童计划。

我可以完全控制单选按钮的HTML,因此如果愿意,可以轻松地将其更改为其他内容;-)

1 个回复
最合适的回答,由SO网友:Jevuska 整理而成

您的js部分有很多关于输入的方法,您是正确的,但我们不能在这里讨论太多。还有一部分是关于WordPress的问题,是的,你是对的。您可以使用wp_enqueue_scripts 要将js函数放入js文件中,请记住使用get_stylesheet_directory_uri 作为js文件的url的一部分,因为您位于子主题中,并且在页脚中设置为“”(在这里花点时间搜索示例代码,很多!)。

但对于碎片代码,我只想开火wp_footer, 看一看@EAMann answer.

您的代码可能如下(输入functions.php 主题文件):

add_action( \'wp_footer\', \'wpse222047_script_footer\' );
function wpse222047_script_footer() {
?>
<script type="text/javascript">
  if ( undefined !== window.jQuery ){
      function SaveShopID($ShopID){
          jQuery("#order_comments").val($ShopID);
      }
  }
</script>
<?php
}
我希望这有帮助。

相关推荐

显示作者姓名PHP(自制插件)

我有一个需要帮助的问题,因为我自己找不到解决办法。我接管了一个网站,之前有人在那里创建了一个自制插件。。使用默认插件“Contact Form 7”,用户可以在页面上创建帖子。()https://gyazo.com/c8b20adecacd90fb9bfe72ad2138a980 )关于自行创建的插件“Contact Form 7 extender”,帖子是通过PHP代码在后台生成的(https://gyazo.com/115a6c7c9afafd2970b66fd421ca76a3)其工作原理如下:如果