2017年1月23日 星期一

JQUERY 取值 設定值 用法

參考引用:[JS] JQUERY 取值 設定值 用法
--

最近常常前端寫一寫

發現忘了OO怎麼取值 怎麼設定值

就趁機整理一份成一篇文章好了

主要應該分成    取值  取自定屬性 設定值

TextBox    (最基本的)

Html定義
<input type="text" name="text1" value="text" test="測試用" /> 

取值
$('input[name="text1"]').val();
取自訂屬性
$('input[name="text1"]').attr("test");
設定值
$('input[name="text1"]').val("text123");
設定自訂屬性
$('input[name="text1"]').attr("test","測試用123");

Checkbox

Html定義
<label>
<input type="checkbox" name="check1" value="a" test="b" />Check
</label>

取值
$('input[name="check1"]').val()
取自訂屬性
$('input[name="check1"]').attr("test")
取得是否被勾選
$('input[name="check1"]').prop("checked");
設定值
$('input[name="check1"]').val("text123");
設定自訂屬性
$('input[name="check1"]').attr("test","測試用123");
設定勾選
$('input[name="check1"]').prop("checked",true);

RadioButton

Html定義
<label><input type="radio" name="radio1" value="0" text="test1" checked />測試</label>
<label><input type="radio" name="radio1" value="1" text="test2" />實作</label>

取得現在選取的值
$('input[name="radio1"]:checked').val()
取現在選取的自訂屬性
$('input[name="radio1"]:checked').attr("text")
設定測試為勾選狀態
$('input[name="radio1"][value="0"]').prop("checked",true);
取得此欄位是否為勾選狀態
$('input[name="radio1"][value="0"]').is(':checked')

Dropdownlist

Html定義
<select name="select1">
    <option value="val1" Text="text1" test="test1" >1</option>
    <option value="val2" Text="text2" test="test2" SELECTED>2</option>

</select>

取得現在選取的值
$('select[name="select1"]').val()
取得現在選取的自訂屬性 (兩種都可以)
$('option:selected', 'select[name="select1"]').attr('test');
$( 'select[name="select1"] :selected').attr('test');
設定現在選取的值 (兩種效果一樣)
$('select[name="select1"]').val("val1");
$('select[name="select1"]').val("1");
取得此選項是否為勾選狀態
$('select[name="select1"] option[value="val2"]').is(':selected');
取所有option 看是否為勾選
$('select[name="select1"] option').each(function(){
    alert($(this).is(':selected'));

});

沒有留言:

張貼留言