>  기사  >  웹 프론트엔드  >  jquery 작업 선택 백과사전

jquery 작업 선택 백과사전

巴扎黑
巴扎黑원래의
2017-06-29 10:10:57962검색

본 글에서는 jquery작업 select에서 사용되는 메소드와 예제를 주로 소개하고 있습니다. 필요한 친구들은

옵션 추가

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


$('#id ') .append("");//select에 옵션 추가
$('#id').prepend("



옵션 제거

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


$("#ID 옵션"). 각각(함수( ){
if($(this).val()==111){
$(this).remove();
}
});

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

2, 라디오 버튼:

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


$("input[@type=radio][@checked ]").val();//라디오 버튼 가져오기 선택한 항목의 값(가운데 공백이 없다는 점에 유의하세요)
$("input[@type=radio][@value=2]") .attr("checked",'checked');//라디오 버튼 값 설정= 2가 선택된 상태 입니다. (가운데 공백이 없다는 점에 유의하세요.)
3, 확인란 :
$( "input[@type=checkbox][@checked]").val();//확인하기 상자에서 선택한 첫 번째 항목의 값
$("input[@type=checkbox][@checked]") .each(function(){//여러 개의 확인란이 일반적으로 선택되므로 루프 Output
alert($(this).val());
});

$("#chk1")을 반복할 수 있습니다. attr("checked",'');//Unchecked
$("#chk2 ").attr("checked",true);//체크
if($("#chk1").attr('checked' )==정의되지 않음){}//확인되었는지 판단하세요
물론 jquery 선택기는 여러 가지 방법이 있습니다.

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




aaass



jquery 라디오 값, 체크박스 값, 값 선택, 라디오 선택, 체크박스 선택, 선택됨, 라디오 선택 항목 그룹의 값을 얻는 것과 관련됨

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


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

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

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


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

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

코드를 복사하세요 코드는 다음과 같습니다.


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

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

코드를 복사하세요 코드는 다음과 같습니다.


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

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

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


$("#txt").attr("value")

다중 선택 상자 확인란:

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


$("#checkbox_id").attr("value") [@type=radio][@checked]").val();

드롭다운 상자 선택:

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


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

제어 양식 요소:
텍스트 상자, 텍스트 영역:

코드 복사

코드는 다음과 같습니다.



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

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



다중 선택 상자 확인란:

코드 복사

코드는 다음과 같습니다.



$("#chk1") .attr("checked ",'');//선택 취소됨
$("#chk2").attr("checked",true);//선택됨

if($("#chk1").attr ('checked')==정의되지 않음 )//체크 여부 확인


라디오 그룹 라디오:

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


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

$("#sel").attr("value",'-sel3');/ /값=-sel3인 항목을 현재 선택된 항목으로 설정합니다.

$("1111 2222").appendTo (" #sel")//드롭다운 상자 옵션 추가
$("#sel").empty();//드롭다운 상자 지우기

선택한 라디오 세트의 값 가져오기 items

코드 복사

코드는 다음과 같습니다:


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

선택한 텍스트 가져오기 item

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


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

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

코드를 복사하세요 코드는 다음과 같습니다.


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

두 번째 요소 라디오 라디오 선택 그룹은 현재 선택된 값입니다

코드를 복사하세요 코드는 다음과 같습니다


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

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

코드 복사

코드는 다음과 같습니다.



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


다중 선택 상자 확인란:

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


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

단일 선택 그룹 라디오:

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


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

드롭다운 상자 선택:

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


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

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

코드 복사

코드는 다음과 같습니다.



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

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



체크박스:

코드를 복사하세요

코드는 다음과 같습니다:



$("#chk1").attr("checked",'');//Uncheck
$("#chk2").attr("checked" , true);//체크

if($("#chk1").attr('checked')==undefine)//체크 여부 확인


라디오 그룹 라디오:

코드 복사

코드는 다음과 같습니다:


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

드롭다운 상자 선택:

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


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

위 내용은 jquery 작업 선택 백과사전의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:Jquery 작업 선택다음 기사:Jquery 작업 선택