Jquery_jquery の CheckBox、RadioButton、および DropDownList の値割り当て実装コード

Jquery のバージョン更新が非常に早いため、コードの書き方も大きく変わりました。以下の Jquery コードは query1.4 以降に適しています。
Radio

1. 選択された値を取得します。次の 3 つのメソッドが利用可能です:
$('input:radio:checked').val();
$("input[type='radio']:checked" ).val();
$("input[name='rd']:checked").val();
2. 最初のラジオを選択した値として設定します:
$('input :radio:first').attr( 'checked', 'checked');
または
$('input:radio:first').attr('checked', 'true');注: attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)
3. 最後のラジオを選択した値として設定します:
$ ('input:radio:last').attr('checked', 'checked');
または
$('input:radio:last').attr('checked', 'true');
4. インデックス値に基づいて任意の値を設定します。ラジオは選択された値です:
$('input:radio').eq(index value).attr('checked', 'true'); value=0,1,2....
または
$('input:radio').slice(1,2).attr('checked', 'true');値の値に従ってラジオを選択した値に設定します
$(" input:radio[value='rd2']").attr('checked','true');
or
$( "input[value='rd2']").attr('checked' ,'true');
6. 値が rd2 である無線を削除します
$("input:radio[value='rd2' ]").remove();
7. どの番号のラジオを削除します
$("input:radio").eq(インデックス値).remove(); インデックス値=0,1,2... .
3 番目の Radio:$("input: radio").eq(2).remove();
8. Traverse Radio
$('input:radio').each( function(index,domEle){
//コードを書き込みます
});

DropDownList

1. 選択した項目を取得します。 🎜>選択された項目の値を取得します:
$('select #sel option:selected').val(); または
$('select#sel').find('option: selected').val();
選択された項目のテキスト値を取得します:
$('select#seloption:selected').text(); sel').find('option:selected').text();
2. 現在選択されている項目のインデックス値を取得します:
$('select#sel').get(0).selectedIndex ;
3. 現在のオプションの最大インデックス値を取得します:
$('select #sel option:last').attr("index")
4. DropdownList の長さを取得します:
$('select#sel')[0].options.length;
または
$('select#sel').get(0).options.length;
5 を設定します。選択された値としてのオプション:
$('select#sel option:first').attr(' selected','true')
または
$('select#sel')[0]。 selectedIndex = 0;
6. 最後のオプションを選択した値に設定します:
$('select #sel option:last).attr('selected','true')
7. 任意のオプションを設定します。インデックス値に基づいて選択された値として:
$('select#sel')[0].selectedIndex = インデックス値; インデックス値=0,1,2....
8.選択された値として Value=4 を使用:
$('select#sel').attr('value','4 ');
または
$("select#sel option[value=' 4']").attr('selected', 'true');
9. Value=3 のオプションを削除します:
$("select#sel option[value='3']")。 delete();
10. 最初のいくつかのオプションを削除します:
$(" select#sel option ").eq(インデックス値).remove();
3 番目のラジオを削除する場合:
$(" select#sel option ").eq(2).remove( );
11. 最初のオプションを削除します:
$(" select#sel option ").eq(0).remove();
または
$("select#sel option: first").remove();
12. 最後のオプションを削除します:
$("select#sel option:last").remove();
13. ドロップダウンリストを削除します:
$( "select#sel").remove();
14. select の後:
$("select#sel").append("
f
");
15. select の前にオプションを追加します:
$("select#sel) ").prepend("
0"); 16. トラバース オプション:
$(' select #sel option ').each(function (index, domEle) {
/ /コードを書きます});
チェックボックス




1. 単一のチェックボックスで選択された項目を取得します (3 つの書き込みメソッド):

$("input:checkbox:checked").val() または$("input:[type='checkbox']:checked").val(); または

$("input:[name='ck']:checked").val( ) ;
2. 複数のチェックボックスで選択された項目を取得します:
$('input:checkbox').each(function() {
if ($(this).attr('checked') ==true ) {
alert($(this).val())
}
});
3. 最初のチェックボックスを選択した値として設定します:
$('input:checkbox:first').attr("checked",'checked'); 'input:checkbox').eq(0).attr("checked",'true');
4. 最後のチェックボックスを選択した値として設定します:
$('input:radio:last') . attr('checked', 'checked');
または
$('input:radio:last').attr('checked', 'true'); 5.インデックス値について チェックボックスは選択された値です:
$('input:checkbox).eq(index value).attr('checked', 'true'); .
または
$('input:radio').slice(1,2).attr('checked', 'true');
6. 複数のチェックボックスを選択します。 1 番目のチェックボックスと同時に 2 つのチェックボックス:
$('input:radio').slice(0,2).attr('checked','true'); 7. チェックボックスを に設定します。 Value 値に従って選択された値:
$("input:checkbox[value='1']").attr('checked','true'); Value=1 のチェックボックスを削除します。 :
$("input:checkbox [value='1']").remove();
9. どのチェックボックスを削除しますか:
$("input:checkbox").eq(index value) .remove(); インデックス値 = 0,1,2....
3 番目のチェックボックスを削除するには:
$("input:checkbox").eq(2).remove(); 10. チェックボックスを移動します:
$('input:checkbox').each(function (index, domEle) {
//コードを書きます
});
すべてを選択します
$('input:checkbox' ).each(function() {
$(this).attr('checked', true);
}); すべての選択を解除します:
$ ('input:checkbox' ).each(function () {
$(this).attr('checked',false);
});