日期:2014-05-16  浏览次数:20353 次

求助:js判断单选按钮选择后提示信息,一直提示函数未定义:(谢谢
JS代码

  function checkRadio(num) {
  var msg;
  switch (num) {
  case '1':
  msg = "您选择答案的是A。";
  break;
  case '2':
  msg = "您选择答案的是B。";
  break;
  case '3':
  msg = "您选择答案的是C。";
  break;
  case '4':
  msg = "您选择答案的是D。";
  break;
  }
  alert(msg);
  }


html代码

<li><input name='Q1' type='radio' value='1' onclick='checkRadio(1);' />A</li>
<li><input name='Q2' type='radio' value='2' onclick='checkRadio(2);'/>B</li>
<li><input name='Q3' type='radio' value='3' onclick='checkRadio(3);'/>C</li>
<li><input name='Q4' type='radio' value='4' onclick='checkRadio(4);'/>D</li>

运行时一直提示checkRadio未定义,怎么回事呀,谢谢

------解决方案--------------------
function checkRadio() {
var num = document.getElementByName("Q").value();
var msg;
switch (num) {
case '1':
msg = "您选择答案的是A。";
break;
case '2':
msg = "您选择答案的是B。";
break;
case '3':
msg = "您选择答案的是C。";
break;
case '4':
msg = "您选择答案的是D。";
break;
}
alert(msg);
}


<li><input name='Q' type='radio' value='1' onclick='checkRadio();' />A</li>
<li><input name='Q' type='radio' value='2' onclick='checkRadio();'/>B</li>
<li><input name='Q' type='radio' value='3' onclick='checkRadio();'/>C</li>
<li><input name='Q' type='radio' value='4' onclick='checkRadio();'/>D</li>

------解决方案--------------------
function checkRadio(num) {
 var msg;
switch (num) {
case '1':
msg = "您选择答案的是A。";
break;
case '2':
msg = "您选择答案的是B。";
break;
case '3':
msg = "您选择答案的是C。";
break;
case '4':
msg = "您选择答案的是D。";
break;
}
alert(msg);
}

<li><input name='Q' type='radio' value='1' onclick='checkRadio(this.value);' />A</li>
<li><input name='Q' type='radio' value='2' onclick='checkRadio(this.value);'/>B</li>
<li><input name='Q' type='radio' value='3' onclick='checkRadio(this.value);'/>C</li>
<li><input name='Q' type='radio' value='4' onclick='checkRadio(this.value);'/>D</li>