jqueryラジオボックス、マルチ選択ボックス、テキストボックスなどの一般的な操作のまとめ

 
  
var sex=$("input[name='sex']:checked").val();   //    radio        
  
var item=$("#sel option:selected").text();      //  select         
  
var option_num=$('#sel').val();                 //  select     
  
$("#sel")[0].selectedIndex =1;                  //select                
  
$("input[name='sex']").get(1).checked=true;     //radio                
   
  
             ： 
$("input[name='sex']").each(function(){ 
            if($(this).val()==s){ 
                $(this).attr("checked",true); 
                                //this.checked=true; 
            } 
        }); 
 
 

 
  
   
        
    Item 1 
    Item 2 
    Item 3 
     
  
   
  <br>  function bao(s) 
  <br>  { 
  <br>     txt.value=s; 
  <br>     //   ,       ,  ,  Change . 
  <br>     document.all.sel.options[0].selected=true; 
  <br> } 
  <br>  
  
  
  <br/> 
 </code></pre> 
 <br/> 
 <strong><font style="COLOR: #ff0000"> 、 jQuery   Select   Text Value<br/></font></strong> 
   
 <pre><code> 
  <br/>    ： 
  <br/> $("#select_id").change(function(){//code...});   // Select    ，            
  <br/> var checkText=$("#select_id").find("option:selected").text();  //  Select   Text 
  <br/> var checkValue=$("#select_id").val();  //  Select   Value 
  <br/> var checkIndex=$("#select_id ").get(0).selectedIndex;  //  Select       
  <br/> var maxIndex=$("#select_id option:last").attr("index");  //  Select       
   
  <p><strong>jQuery  Select   Text Value：<br/></strong>    ：<br/> $("#select_id ").get(0).selectedIndex=1;  //  Select    1    <br/> $("#select_id ").val(4);   //  Select Value  4    <br/> $("#select_id option[text='jQuery']").attr("selected", true);   //   Select Text  jQuery    </p> 
  <p><strong>jQuery  /  Select Option ：<br/></strong>    ：<br/> $("#select_id").append("<option value="Value">Text</option>");  // Select    Option(   )<br/> $("#select_id").prepend("<option value="0">   </option>");  // Select    Option(     )<br/> $("#select_id option:last").remove();  //  Select      Option(    )<br/> $("#select_id option[index='0']").remove();  //  Select     0  Option(   )<br/> $("#select_id option[value='3']").remove();  //  Select Value='3'  Option<br/> $("#select_id option[text='4']").remove();  //  Select Text='4' Option<br/></p> 
 </code></pre> 
 <br/> 
 <strong><font style="COLOR: #ff0000">  ：<br/></font></strong> 
   
 <pre><code> 
  <br/> 
  <br/> 
  <br/> 
  <br/><meta charset="utf-8"/> 
  <br/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 
  <br/><title>jQuery common</title> 
  <br/><meta name="description" content=""/> 
  <br/><meta name="keywords" content=""/> 
  <br/><link href="" rel="stylesheet"/> 
  <br/><script type="text/javascript" src="jquery-1.8.3.min.js"/> 
  <br/><script type="text/javascript"> 
  <br>    $(document).ready(function(){ 
  <br>        //       --     
  <br>        var item = ['   ','  ','  ','  ','  ','   ','  ','  ']; 
  <br>        var html ="<option value='0'>   </option>"; 
  <br>        for (var i = 0;i < item.length;i++){ 
  <br>            html += "<option value='"+(i+1)+"'>"+item[i]+"</option>"; 
  <br>        } 
  <br>        $("#grade").empty().append(html); 
  <p></p> 
  <p>        $("#grade option[value='0']").attr("selected","selected");//        <br>    })<br>    // Select    ，          <br>    function showIt(){<br>        var selectText = $("#grade option:selected").text();//  Select   Text<br>        //var selectText = $("#grade").find("option:selected").text();//       <br>        var selectValue = $("#grade").val();//      value<br>        var selectIndex = $("#grade").get(0).selectedIndex//  select    <br>        var text = '  ：'+selectText+"<br>";<br>        text +='value ：'+selectValue+"<br>";<br>        text +='   ：'+selectIndex;<br>        $("#text").text(text);<br>    }<br></script><br/><br/><br/>    <div><br/>        <select name="grade" id="grade" onchange="showIt()"/><br/>        <p><textarea name="text" id="text" row="30" col="100"/></p><br/>    </div><br/><br/><br/> 
 </code></pre> 
  
 <div class="clearfix"> 
  <span id="art_bot" class="jbTestPos"/> 
 </div> 
</div>
                            </div>
                        </div>