JavaScript 选择单选按钮

Question

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

这是我到目前为止所拥有的:

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;
   }
 }

Answer 1

你的代码正在运行，看看:

http://codepen.io/anon/pen/mJPjap

<input type="number" id="ccNum" onchange="selectCardType()" />