用户在Javascript的帮助下，仅通过单选按钮选择一个付款方式(信用卡）

user only select one payment option(credit card) through radio button with the help of Javascript

本文关键字：选择 一个 信用卡 付款方 单选按钮 Javascript 帮助 用户      更新时间：2023-09-26

我有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>

请尽快通知我。谢谢

我假设你已经有了单选按钮的 HTML。需要的JavaScript： 

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

单选按钮 2、3、4 也是如此。

好吧，只需使用 HTML 无线电输入：

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函数，你可以从他们那里得到检查的元素。

相关文章：