javascript - HTML 获取 URL、单选按钮组、javascript 解析、设置按钮值

标签 javascript html

我在一个页面上有一个包含 5 个问题的调查。每个问题均由 0 - 10 分制组成。每个按钮都是一组中的一个单选按钮。我将此表单数据传递到另一个页面,然后得到典型的获取 URL。我用 javascript 解析它并可以获得每个组的值。我的示例获取 URL 是这样的 /graphs.html?happiness=8&enthusiastic=7&resilient=9

我现在已将值放入 var

function processScore() {
    var parameters = location.search.substring(1).split("&");
    var temp = parameters[0].split("=");
    h = unescape(temp[1]);
    temp = parameters[1].split("=");
    e = unescape(temp[1]);
    temp = parameters[2].split("=");
    r = unescape(temp[1]);
    temp = parameters[3].split("=");
    o = unescape(temp[1]);
    temp = parameters[4].split("=");
    w = unescape(temp[1]);
    document.getElementById("happiness").innerHTML = h;
    document.getElementById("enthusiastic").innerHTML = e;
    document.getElementById("resilient").innerHTML = r;
    document.getElementById("optimistic").innerHTML = o;
    document.getElementById("wellness").innerHTML = w;
}
processScore(); 

我想重新创建相同的调查,并在单选按钮上勾选他们的答案,但不知道该怎么做。

所以我试图根据我从 html get URL 获得的 javascript var 中的值设置一个单选按钮在组内进行检查。

最佳答案

我不知道还能怎么说。我有一个由 11 个按钮组成的单选按钮组。我想根据在获取 URL 中传递的数据将其中之一设置为选中状态。

我有一个带有单选按钮组的表单。该表格只有 5 个问题,编号为 0 - 10。每个问题都是一个单选按钮。当他们点击提交时,我得到一个标准的获取 URL,如 /graphs.html?happiness=8&enthusiastic=7&resilient=9。我可以用上面的 javascript 解析这个 URL。 我想重新创建表格,但每个问题我都希望他们的答案被选中。所以对于问题 1,幸福,他们的答案是 8。所以我希望选中与 8 相关的单选按钮。等等。

关于javascript - HTML 获取 URL、单选按钮组、javascript 解析、设置按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42159037/

相关文章:

javascript - ListView - 使用 jQuery 搜索带有过滤器的列表

javascript - 输入数据摘要

html - 具有相同 v-if 的两个 div 元素或一个包装器?

javascript - 如何在页面底部建立简单的粘性导航?

javascript - 如何在 javascript 中发送 SOAP 请求,就像在 SoapUI 中一样

javascript - 正则表达式交换注释的 HTML 进出

php - 为什么这个 JQuery/AJAX 调用不起作用?

javascript - 当输入不为空时设置复选框被选中

javascript - 表单中的多个元素转为 JavaScript

javascript - 在滚动 div 中保留 x 行数