jquery 작업 선택 encyclopedia_jquery-JS 튜토리얼-php.cn

jquery 작업 선택 encyclopedia_jquery

WBOY

풀어 주다： 2016-05-16 16:51:20

원래의

1329명이 탐색했습니다.

옵션 추가

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

$('# id') .append("텍스트");//옵션 추가
$('#id').prepend("텍스트"); //선택을 위한 옵션 삽입

옵션 제거

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

$("#ID option").each(function(){
if($(this) .val()= =111){
$(this).remove();
}
});

$("<옵션 값='111'> UPS Ground드롭다운 메뉴의 선택 값 가져오기
$("#testSelect option:selected").text() ;
$("# testSelect").find('option:selected').text();
$("#testSelect").val();
다음에 따라 드롭다운 상자를 선택합니다. 옵션 값으로
$('#testSelect ').val('111');

2, 라디오 버튼:

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

$("input[@type=radio ][@ selected]").val();//라디오 버튼에서 선택한 항목의 값을 가져옵니다(가운데 공백이 없다는 점에 유의하세요)
$("input[@type=radio][ @value=2]").attr( "checked",'checked');//라디오 버튼 값=2를 선택된 상태로 설정합니다. (가운데 공백이 없다는 점 주의)
3, 체크박스 :
$("input[@type=checkbox ][@checked]").val();//체크박스에서 처음 선택한 항목의 값을 가져옵니다
$("input[@type=checkbox ][@checked]").each(function( ){//일반적으로 여러 개의 체크박스가 선택되므로 루프 
alert($(this).val());
})로 출력할 수 있습니다. ;

$("# chk1").attr("checked",'');//선택 해제
$("#chk2").attr("checked",true);// Checked
if($( "#chk1").attr('checked')==undefine){}//체크되었는지 확인
물론 jquery의 선택기는 여러 가지 방법으로 강력합니다.

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

aaass

jquery 라디오 값, 체크박스 값, 값 선택, 라디오 선택, 체크박스 선택, 선택 선택 및 관련 라디오 선택 항목 그룹의 값 가져오기

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

varitem= $('input[@name=items][@checked]').val();

선택한 항목의 텍스트 가져오기

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

varitem= $("select[@name=items] 옵션[@selected]").text();

선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다

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

$('#select_id')[0].selectedIndex=1;

라디오 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값

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

$('input[@name=items]').get(1).checked=true;

값 가져오기:
텍스트 상자, 텍스트 영역:

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

$("#txt").attr("값");

다중 선택 상자 체크박스:

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

$ ("# checkbox_id").attr("값");

라디오 그룹 라디오:

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

$( "입력 [@type=radio][@checked]").val();

드롭다운 상자 선택:

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

$('#sel').val();

컨트롤 폼 요소:
텍스트 상자, 텍스트 영역:

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

$("#txt").attr("value",'');//내용 지우기
$("#txt").attr("value",'11' );// 내용 채우기

다중 선택 상자 체크박스:

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

$ ("# chk1").attr("checked",'');//선택 해제됨
$("#chk2").attr("checked",true);// 선택됨
if($( "#chk1").attr('checked')==undefine)//체크 여부 확인

라디오 그룹 라디오:
$("input[@type=radio]").attr("checked",'2');//값=2인 항목을 현재 선택한 항목으로 설정
드롭다운 상자 선택:

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

$( "#sel"). attr("value",'-sel3');//값=-sel3인 항목을 현재 선택된 항목으로 설정
$("1111< /option> 2222").appendTo("#sel")//드롭의 옵션
$("#sel").empty()를 추가합니다. down box; // 드롭다운 상자 지우기

라디오 선택 항목 그룹의 값 가져오기

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

varitem= $('input[@name=items][@checked]').val();

선택한 항목의 텍스트 가져오기

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

varitem= $("select[@name=items] 옵션[@selected]").text();

선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다

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

$('#select_id')[0].selectedIndex=1;

라디오 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값

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

$('input[@name=items]').get(1).checked=true;

값 가져오기:
텍스트 상자, 텍스트 영역:

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

$("#txt").attr("값");

다중 선택 상자 체크박스:

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

$ ("# checkbox_id").attr("값");

라디오 그룹 라디오:

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

$( "입력 [@type=radio][@checked]").val();

드롭다운 상자 선택:

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

$('#sel').val();

컨트롤 폼 요소:
텍스트 상자, 텍스트 영역:

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

$("#txt").attr("value",'');//내용 지우기
$("#txt").attr("value",'11' );// 내용 채우기

다중 선택 상자 체크박스:

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

$ ("# chk1").attr("checked",'');//선택 해제됨
$("#chk2").attr("checked",true);// 선택됨
if($( "#chk1").attr('checked')==undefine)//체크 여부 확인

라디오 그룹 라디오:

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

$( "input [@type=radio]").attr("checked",'2');//값=2인 항목을 현재 선택된 항목으로 설정

드롭다운 상자 선택:

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

 $("#sel ").attr("value",'-sel3');//value=-sel3인 항목을 현재 선택된 항목으로 설정
$("< ;option value='2'>2222").appendTo("#sel")//옵션 추가
$("#sel").empty() 드롭다운 상자;//드롭다운 상자 지우기 상자