html中的input控件中radio类型的相关设置

radio包含有id，name，value， checked等属性，如下

 
  
  1. <input type="radio" id="test" name="test" checked="checked"> 
 
  
如果创建多个radio，并且想要多个radio属于同一个group（即：单选功能），需要设值radio的name属性，并且name具有相同的value，如果不这样设置，则radio具有复选功能。
 
  
 
  
  1. <input type="radio" id="test" name="test" value="test 1" > 
  2. <input type="radio" id="test" name="test" value="test 2"> 
 
  
下面是一个radio的小例子：
 
  
 
  
  1. <script type="text/javascript"> 
  2. function doclick(){ 
  3.     String id = document.getElementsByName("test"); 
  4.     for(var i=0;i<id.length; i++){ 
  5.         var radio=id[i]; 
  6.         alert(radio.value); 
  7.     } 
  8. } 
  9. </script> 
  10.  
  11. <body> 
  12.     <input type="radio" id="test" name="test" value="test 1" > test 1 
  13.     <input type="radio" id="test" name="test" value="test 2">  test 2 
  14.     <br> 
  15.     <input type="button" id="btn"   value = "Select" onclick="doclick();"> 
  16.  
  17. </body> 
 
  
点击button之后会依次输出每个radio的value的值。
 
  

 在jsp中设置radio的checked属性
 
  
 
  
  1. <% 
  2. String test="test 1"; 
  3. %> 
  4.  
  5. <input type="radio" id="test" name="test" value="test 1" 
  6.  <%=test.equals("test 1")?Checked:""%>> test 1  
  7. <input type="radio" id="test" name="test" value="test 2" 
  8. <%=test.equals("test 2")?Checked:""%>>  test 2  
 
  
Checked 是checked="checked" 的缩写。这个就可以初始化checked属性。