Jquery がラジオで選択された値を取得する方法の詳細な例

Jquery がますます便利になるにつれて、Jquery を使用する友人も増えています。 Web では CheckBox、Radiobutton、DropDownList などのコントロールの使用頻度が高いため、Jquery でのこれらのコントロールの操作に関連します。 Jquery のバージョン更新が非常に早いため、コードの書き方も大きく変わりました。以下の Jquery コードは query1.4 以降に適しています。

Radio

1. 選択した値を取得します。3 つの方法が利用可能です:

$('input:radio:checked').val()；
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

2. 設定Radio は選択された値です:

    $('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(索引值).attr('checked', 'true');索引值=0,1,2....

または

$('input:radio').slice(1,2).attr('checked', 'true');

5. 値の値に従ってラジオを選択した値に設定します

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

または

$("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

6. 値の値が rd2 であるラジオを削除します

$("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();

7. どのラジオを削除します

$("input:radio").eq(索引值).remove();索引值=0,1,2....

3 つのラジオを削除する場合: $("input:radio").eq(2).remove();

8. Traverse Radio

$('input:radio').each(function(index,domEle){
     //写入代码
});

DropDownList

1.   获取选中项：

获取选中项的Value值：

 $('select#sel option:selected').val();

     或者

$('select#sel').find('option:selected').val();

获取选中项的Text值：

   $('select#seloption:selected').text();

     或者

 $('select#sel').find('option:selected').text();

2.   获取当前选中项的索引值：

$('select#sel').get(0).selectedIndex;

3.   获取当前option的最大索引值：

$('select#sel option:last').attr("index")

4.   获取DropdownList的长度：

$('select#sel')[0].options.length;

或者

$('select#sel').get(0).options.length;

5.  设置第一个option为选中值：

$('select#sel option:first').attr('selected','true')

或者

 $('select#sel')[0].selectedIndex = 0;

6.   设置最后一个option为选中值：

 

以上がJquery がラジオで選択された値を取得する方法の詳細な例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。