> 웹 프론트엔드 > JS 튜토리얼 > 드롭다운 상자, 라디오 버튼 상자 및 다중 선택 상자에 대한 jQuery 작업_jquery

드롭다운 상자, 라디오 버튼 상자 및 다중 선택 상자에 대한 jQuery 작업_jquery

WBOY
풀어 주다: 2016-05-16 16:59:02
원래의
1358명이 탐색했습니다.

드롭다운 상자:

//드롭다운 메뉴에서 선택한 항목의 텍스트 가져오기(가운데 공백에 주의)
var cc1 = $(".formc select[@name='country'] option[@selected ]").text() ;
//드롭다운 메뉴에서 선택한 항목의 값 가져오기
var cc2 = $('.formc select[@name="country"]').val ();
//선택한 항목의 드롭다운 메뉴 ID 속성 값 가져오기
var cc3 = $('.formc select[@name="country"]').attr(" id");
//드롭다운 상자 지우기//
$ ("#select").empty();$("#select").html('');
/ /드롭다운 상자의 옵션 추가
$("

약간의 설명:

선택[@name='국가'] 옵션[@selected]

은 name 속성을 갖고 속성값이 'country'인 select 요소 내부에 selected 속성이 있는 option 요소를 나타냅니다. @로 시작하는 것은 무엇이든 뒤에 오는 것이 속성임을 의미한다는 것을 알 수 있습니다.

라디오 버튼:

//라디오 버튼에서 선택한 항목의 값을 가져옵니다(가운데 공백이 없음에 유의하세요)
$("input[@type=radio][@checked]").val() ;
//Set 라디오 버튼 값=2가 선택되었습니다. (가운데 공백이 없다는 점에 유의하세요.)
$("input[@type=radio][@value=2]").attr ("확인됨", '확인됨')

체크박스:

//체크박스에서 처음 선택한 항목의 값을 가져옵니다
$("input[@type=checkbox][@checked]").val();
//체크 때문에 box 일반적으로 여러 항목이 선택되므로 출력
$("input[@type=checkbox][@checked]").each(function(){
alert($(this) .val() );
});
//선택 취소됨
$("#chk1").attr("확인됨",'');
//선택됨
$( " #chk2").attr("checked",true);
//체크 여부 확인
if($("#chk1").attr('checked')==undefine){ }

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿