input radioの設定について

8292 ワード
jsp html レジャー JavaScript
htmlのinputコントロールにおけるラジオタイプの関連設定
radioにはid、name、value、checkedなどの属性が含まれています.
   
   
   
   
    
    
    
    
    
  1. <input type="radio" id="test" name="test" checked="checked"> 
    2.
複数のradioを作成し、複数のradioが同じグループに属したい場合、radioのname属性を設定し、nameは同じvalueを持っています.このように設定しないと、radioはチェック機能を持っています.
   
   
   
   
    
    
    
    
    
  1. <input type="radio" id="test" name="test" value="test 1" > 
    2. 
    
    
    
    
  2. <input type="radio" id="test" name="test" value="test 2"> 
    3.
以下はラジオの小さい例です.
   
   
   
   
    
    
    
    
    
  1. <script type="text/javascript"> 
    2. 
    
    
    
    
  2. function doclick(){ 
    3. 
    
    
    
    
  3.     String id = document.getElementsByName("test"); 
    4. 
    
    
    
    
  4.     for(var i=0;i<id.length; i++){ 
    5. 
    
    
    
    
  5.         var radio=id[i]; 
    6. 
    
    
    
    
  6.         alert(radio.value); 
    7. 
    
    
    
    
  7.     } 
    8. 
    
    
    
    
  8. } 
    9. 
    
    
    
    
  9. script> 
    10. 
    
    
    
    
  10.  
    11. 
    
    
    
    
  11. <body> 
    12. 
    
    
    
    
  12.     <input type="radio" id="test" name="test" value="test 1" > test 1 
    13. 
    
    
    
    
  13.     <input type="radio" id="test" name="test" value="test 2">  test 2 
    14. 
    
    
    
    
  14.     <br> 
    15. 
    
    
    
    
  15.     <input type="button" id="btn"   value = "Select" onclick="doclick();"> 
    16. 
    
    
    
    
  16.  
    17. 
    
    
    
    
  17. body> 
    18.
buttonをクリックすると、各radioのvalueの値が順次出力されます.
jspにradioのcheced属性を設定します.
   
   
   
   
    
    
    
    
    
  1. <% 
    2. 
    
    
    
    
  2. String test="test 1"; 
    3. 
    
    
    
    
  3. %> 
    4. 
    
    
    
    
  4.  
    5. 
    
    
    
    
  5. <input type="radio" id="test" name="test" value="test 1" 
    6. 
    
    
    
    
  6.  <%=test.equals("test 1")?Checked:""%>> test 1  
    7. 
    
    
    
    
  7. <input type="radio" id="test" name="test" value="test 2" 
    8. 
    
    
    
    
  8. <%=test.equals("test 2")?Checked:""%>>  test 2  
    9.
Checkedはchecked=「checcked」の略語です.これはcheced属性を初期化することができます.
express.js初歩