1. 程式人生 > >radio 在firefox下是getElementsByName 取值

radio 在firefox下是getElementsByName 取值

<html>
<style>

</style>

<body>
<form>
<input type="radio" name="a" value="aa" class="radioClass" />aa
<input type="radio" name="a" value="a22" />a22
<input type="radio" name="a" value="aa33" />aa33

<input   type="button"    onclick="chk2()">  
<input   type="button"    onclick="chk()"> 
<script   language="JavaScript">  
  <!--  
  function   chk(){  
  var   obj   =   document.getElementsByName('a');  
  for   (i=0;i<obj.length;i++){  
  if   (obj[i].checked){  
  alert(obj[i].value);  
  return;  
  }  
  }  
  alert('你沒選');  
  }
 

    function   chk2(){  
  var   obj   =   document.getElementsByName('a');  
  for   (i=0;i<obj.length;i++){  
  if   (obj[i].value=="a22"){  
    obj[i].checked=true;
  return;  
  }  
  }  
  alert('你沒選');  
  }
  //-->  
  </script>  
</form>
</body>
</html>

<html>
<head>
<script type="text/javascript">
function createOrder()
{
coffee=document.forms[0].coffee
txt=""
for (i=0;i<coffee.length;++ i)
{
if (coffee[i].checked)
{
txt=txt + coffee[i].value + " "
}
}
document.getElementById("order").value="您訂購的咖啡帶有: " + txt
}
</script>
</head>

<body>
<p>你喜歡怎麼喝咖啡?</p>
<form>
<input type="checkbox" name="coffee" value="奶油">加奶油<br />
<input type="checkbox" name="coffee" value="糖塊">加糖塊<br />
<br />
<input type="button" onclick="createOrder()" value="傳送訂單">
<br /><br />
<input type="text" id="order" size="50">
</form>
</body>

</html>

<html>
<head>
<script type="text/javascript">
function check()
  {
  document.getElementById("radio1").checked=true
  }
function uncheck()
  {
  document.getElementById("radio1").checked=false
  }
</script>
</head>
<body>

<form>
<input type="radio" id="radio1" />
<input type="button" onclick="check()" value="Check radio button" />
<input type="button" onclick="uncheck()" value="Uncheck radio button" />
</form>

</body>
</html>