【问题标题】:On button click change a value outside a function?单击按钮时更改函数外的值?
【发布时间】:2017-12-08 23:17:35
【问题描述】:

我想更改或使配置参数中的 app 变量动态化。为此,我创建了一些有价值的单选按钮。所以想知道如何根据用户偏好传递值。 2)其次,如果选择从选择1更改为选择2,那么它应该自动刷新。

<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="../../resources/assets/client/client.css">
        <link rel="stylesheet" href="sense-search.min.css"/>
    </head>
    <input type="radio" name = "Product" value = "987-34587a8a5e13" /> abc
    <input type="radio" name = "Product" value = "786-2fad2cbd8249" /> def
    <body style="width: 100%; margin: 20px auto; font-family: arial;">


        <h2></h2>
        <br>
        <sense-search-input id="myInput" mode="visualizations"></sense-search-input>
        <sense-search-results id="myResults"></sense-search-results>
        <script type="text/javascript" 
src="../../resources/assets/external/requirejs/require.js"></script>
        <script type="text/javascript" src="sense-search.js"></script>
        <script type="text/javascript">


            //var str ;

            //$("input[name=Product]").click(function(){
                //alert("selected");
            //});

            var config = {
                host: "xyz",
                prefix: "/pnb/",
                isSecure: true,
                app: '987-34587a8a5e13',
                port: 443
            }

【问题讨论】:

  • 根据用户偏好传递值是什么意思?你想在后请求中使用它吗?
  • “它应该自动刷新” ... “它”是什么?请花点时间阅读How to Askminimal reproducible example
  • @Arun Chandra Kathula:显示元素(例如输入)应该放在 body 元素下面。
  • 你没有写任何 Js/jQuery 代码?编程不是免费的,在这里我们尝试解决问题而不是从头开始编写代码。

标签: javascript jquery html css


【解决方案1】:

免费代码。 https://api.jquery.com/change/

只听那个输入的改变事件……当它改变时……

$(document).ready(function() {
    $('input[type=radio][name=Product]').change(function() {
         app.yourstuff = this.value;
         alert("selected "+this.value);
    });
});

【讨论】:

  • 或使用原版js onchange
猜你喜欢
  • 1970-01-01
  • 2017-05-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多