用户仅在 Javascript 的帮助下通过单选按钮选择一种付款方式（信用卡）答案

【问题标题】：user only select one payment option(credit card) through radio button with the help of Javascript用户仅在 Javascript 的帮助下通过单选按钮选择一种付款方式（信用卡）
【发布时间】：2015-01-13 13:12:16
【问题描述】：

我有 4 个信用卡选项，用户一次只能选择一个付款选项（信用卡），并返回每个姓名的价值或某些卡的价值。而且我不想在卡片后提交任何提交按钮，因为这些选项在表单中并且表单已经提交按钮。我想用 JavaScript 来做到这一点。

这是我的html代码：-

    <INPUT TYPE="RADIO" NAME="Ccard" VALUE="visa">Visa<BR>
    <INPUT TYPE="RADIO" NAME="Ccard" VALUE="master">Master<BR>
    <INPUT TYPE="RADIO" NAME="Ccard" VALUE="american_express">American Express<BR>
    <INPUT TYPE="RADIO" NAME="Ccard" VALUE="discover">Discover<BR>

请尽快给我建议。谢谢，

【问题讨论】：

分享你尝试过的代码，让我知道其中的问题。
如果在表单中使用单选按钮，不用JS也能实现
JavaScript, How can I check whether a radio button is selected? 的可能重复项
我已经添加了我的代码，我不想检查单选按钮的值我想通过单选按钮返回付款值..

标签： javascript html

【解决方案1】：

我假设您已经拥有单选按钮的 HTML。所需的javascript：

 if (document.getElementById('idOfRadioButton1').checked) {
 creditCard= document.getElementById('idOfRadioButton1').value;
}

radioButton2,3,4 也一样。

【讨论】：

【解决方案2】：

好吧，只需使用 HTML radio input：

function getValue(){

    var radios = document.getElementsByName('creditcard');
    for (var i = 0, length = radios.length; i < length; i++) {
      if (radios[i].checked) {       
        alert(radios[i].value);
        break;
      }
    }
  }

        <INPUT TYPE="RADIO" NAME="creditcard" VALUE="Type1" CHECKED>Type1<BR>
        <INPUT TYPE="RADIO" NAME="creditcard" VALUE="Type2">Type2<BR>
        <INPUT TYPE="RADIO" NAME="creditcard" VALUE="Type3">Type3<BR>
        <INPUT TYPE="RADIO" NAME="creditcard" VALUE="Type4">Type4<BR>
          
        <INPUT TYPE="SUBMIT" VALUE="Get Value" onclick="getValue()">

通过赋予四个输入元素 相同的名称，它们就像一组单选按钮，您可以只选择其中一个 一次。

使用这个 Javascript 函数，您可以从中获取选中的元素。

【讨论】：