JQuery 라디오(라디오 버튼) 작업 방법 summary_jquery

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

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

코드 복사 코드는 다음과 같습니다.

$('입력:라디오:체크됨').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. Value 값에 따라 Radio를 선택한 값으로 설정합니다

코드 복사 코드는 다음과 같습니다.

$("input:radio[value='rd2']").attr('checked','true');

또는

코드 복사 코드는 다음과 같습니다.

$("input[value='rd2']").attr('checked','true');

6. 값이 rd2인 라디오를 삭제합니다

코드 복사 코드는 다음과 같습니다.

$("input:radio[value='rd2']").remove();

7. 삭제할 라디오

코드 복사 코드는 다음과 같습니다.

$("input:radio").eq(색인 값).remove(); 색인 값=0,1,2....

예를 들어 세 번째 Radio:$("input:radio").eq(2).remove();를 삭제합니다.

8. 트래버스 라디오

코드 복사 코드는 다음과 같습니다.

$('입력:라디오').each(함수(index,domEle){

//코드 작성

});