JavaScript选择单选按钮

要创建付款订单表单，我如何检查用卡的正则表达式输入的信用卡号，然后选择输入的卡号的正确单选按钮

这就是我到目前为止所做的：

function selectCardType(){
   var cardNumValue = document.getElementById("ccNum").value;
   var visa = /^4[0-9]{12}(?:[0-9]{3})?$/;
   var mc = /^5[1-5][0-9]{14}$/;
   var discover = /^(?:011|5[0-9]{2})[0-9]{12}$/;
   var amex = /^3[47][0-9]{13}$/;

   if(visa.test(cardNumValue))
   {
       document.getElementById("visa").checked = true;
   }
   else if(mc.test(cardNumValue))
   {
      document.getElementById("mc").checked = true;
   }
   else if(discover.test(cardNumValue))
   {
       document.getElementById("discover").checked = true;
   }
   else if(amex.test(cardNumValue))
   {
       document.getElementById("amex").checked = true;
   }
 }

---

您的代码正在运行，请查看：

---

Visa的正则表达式

^4[0-9]{12}(?:[0-9]{3})?$^5[1-5][0-9]{14}$

^3[47][0-9]{13}$

适用于美国运通的Regex

^4[0-9]{12}(?:[0-9]{3})?$^5[1-5][0-9]{14}$

^3[47][0-9]{13}$

用于Discover的正则表达式

^65[4-9][0-9]{13}|64[4-9][0-9]{13}|6011[0-9]{12}|(622(?:12[6-9]|1[3-9][0-9]|[2-8][0-9][0-9]|9[01][0-9]|92[0-5])[0-9]{10})$

万事达卡的正则表达式

^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14})$

---

单选按钮需要组合在一起。如果没有，则允许选择多个单选按钮。下面是一个例子

mc

您是否有一个您尝试过的示例？当输入信用卡号码，然后按tab键时，它会选择相应的卡单选按钮。哦，您是对的，我没有将该更改添加到我的HTML文件中，非常感谢。@user3449225单选按钮需要组合在一起，否则更改卡号时不会取消选择以前选择的单选按钮。尝试5474545334533213，然后将其更改为4474545334533213。您将看到选择了mc和visa。我只是用你的答案来解决这个问题！