Jquery가 라디오 선택 값을 얻는 방법에 대한 자세한 예

Jquery가 점점 더 유용해지면서 Jquery를 사용하는 친구들도 점점 더 많아지고 있습니다. 웹에서는 CheckBox, Radiobutton, DropDownList와 같은 컨트롤의 사용 빈도가 높기 때문에 Jquery에서 이러한 컨트롤의 작동과 관련이 있습니다. Jquery 버전이 매우 빠르게 업데이트되면서 코드 작성 방식도 많이 바뀌었습니다. 다음 Jquery 코드는 query1.4 이상에 적합합니다.

Radio

1. 선택한 값을 가져옵니다. 세 가지 방법을 사용할 수 있습니다.

$('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(索引值).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....

rd2 3 Radios를 삭제하는 경우: $("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 중국어 웹사이트의 기타 관련 기사를 참조하세요!