Jqueryではradiobutton、checkbox、dropdownlistなどの基本的な操作をまとめています

2732 ワード

最近JSを書いていますが、これらのものは毎回使うのではなく、よく忘れがちです.やるたびにネットで資料を集めて、今メモして、時々の必要に備えています.
radiobutton:
<input id="sc" type="radio" name="Type" value="Service Component" onclick="typeChange()">Service Component	  
<input id="tenant" type="radio" name="Type"  value="Tenant" onclick="typeChange()">Tenant
 
1、radioで選択した値を取得するには、3つの方法があります.
$("input:radio:checked").val()(*大好き);
 $("input[type='radio']:cheked").val()   ; 
 $("input[name='Type']:checked").val().
2、バックグラウンドでは、名前に応じて選択したradioの値が取得され、requestが使用されます.getParameter("Type")
3、最初のradioを選択$(「input:radio:first」)に設定.attr("checked","true")
4、最後のradioを選択$(「input:radio:last」)に設定.attr("checked","true")
5、インデックス値に基づいて任意のradioを選択値$(「input:radio」)に設定.eq(インデックス値).attr(「checked」,true)または$(「input:radio」).slice(1,2).attr("checked","true")
6、valueの値に基づいて選択したradio:$(「input[value=Tenant]).attr("checked",true)
7、いくつ目のradio:$(「input:radio」)を削除する.eq(インデックス値).remove()(インデックス値0,1,2...)
8、$(「input:radio」).each(index,domEle){}
dropDownList
<select name="uiType" class="ecv_selectFld"  id="uiType_id" style="color: rgb(0, 0, 0); cursor: pointer;width: 145px;" onChange="uiTypeChange()">
	<option value="-1">--- Please Select ---</option>
        <option value="extension field">extension field</option>
        <option value="dynamic menu">dynamic menu</option>
</select>
 
1、選択した値を取得する:
$("select[name=serviceComponent]").val()  
$("#uiType_id").find('option:selected').val()(*大好き)
$("select#uiType_id option:selected").val()  
2、現在選択するインデックス値$(「select#uiType_id」)を取得する.get(0).selectedIndex
3、現在の長さ$(「select#uiType_id」)を取得する.options.length
4、バックグラウンド取得はname:request.getParameter("uiType")
checkBox:
<input type="checkbox" value="1" name="__row_of_commonSearchResult">
<input type="checkbox" value="2" name="__row_of_commonSearchResult">
<input type="checkbox" value="3" name="__row_of_commonSearchResult">
 
1.バックグラウンドで選択した値を取得する:request.getParameterValues("__row_of_commonSearchResult");
2、$("input[name=__row_of_commonSearchResult | type=checkbox]").attr("checked","true")