Javascript 无线电输入并提交通过值
我正在尝试制作一个单选按钮表单，其中选择的选项“123456”值被传递到我提交按钮的“数据提供id”部分。我认为这需要javascript，但我不知道如何做到这一点。如果可以的话，请帮忙！。提前谢谢Javascript 无线电输入并提交通过值,javascript,java,forms,radio,Javascript,Java,Forms,Radio,我正在尝试制作一个单选按钮表单，其中选择的选项“123456”值被传递到我提交按钮的“数据提供id”部分。我认为这需要javascript，但我不知道如何做到这一点。如果可以的话，请帮忙！。提前谢谢 <form> <input type="radio" name="data-offer-id" value="123"> 123<br> <input type="radio" name="data-offer-id" value="456">
<form>
<input type="radio" name="data-offer-id" value="123"> 123<br>
<input type="radio" name="data-offer-id" value="456"> 456<br>
</form>
<button class="btn btn-success btn-large"
data-dismiss="learnmodal"
data-cleeng-trigger
data-action="checkout"
data-locale="en_US"
data-display-type="overlay"
data-offer-id="***Need Value to dynamically populate here****"
data-completed-callback="cleengCallbackHandler(result)">
<span style="color: #ffffff">$9.95 / Month
</span></button>
123
456
9.95美元/月
//获取对提交按钮的引用
var sub=document.querySelector（“button.btn success”）；
//获取两个单选按钮作为数组的引用
var radBtns=Array.prototype.slice.call（document.querySelectorAll（“input[name='data-offer-id']）；
//在按钮上打圈
radBtns.forEach（函数（btn）{
//将每个按钮设置为具有单击事件处理程序
btn.addEventListener（“单击”，函数（）{
//将单选按钮的值设置为提交按钮的id
sub.setAttribute（“数据提供id”，btn.value）；
//仅用于测试：
console.clear（）；
控制台日志（sub）；
});
});
123
456
9.95美元/月
希望这会有所帮助
<!DOCTYPE html>
<html>
<body>
<input type="radio" name="offer-id" value="123">123<br>
<input type="radio" name="offer-id" value="456">456<br>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.querySelector('input[name="offer-id"]:checked').value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
123
456
试试看
函数myFunction（）{
var x=document.querySelector（'input[name=“offer id”]：checked'）。值；
document.getElementById（“demo”）.innerHTML=x；
}
感谢您的快速响应！我想试试这个，但需要转换成这个按钮代码…谢谢我尝试了，但有一些问题。非常感谢你的快速反应。不幸的是，我不得不改变我的问题很少使这项工作。如果我能让它工作的话，我愿意付给你几美元。谢谢again@RobbieMiranda答案已更新，以反映您编辑的HTML。这确实不会改变解决方案。只有对元素的引用不同。正在尝试。谢谢你更新的代码，我无法启动按钮。如果我手动将值添加到按钮代码中，它将触发。javascript是否需要与按钮位于标题或代码的同一部分？阿盖恩thanks@RobbieMiranda所有这些JavaScript都应该在一个脚本标记中，该标记在body元素关闭之前插入到文档中。正如您从运行我的代码中所看到的，它确实有效。