> 웹 프론트엔드 > JS 튜토리얼 > 양식 텍스트, 영역 텍스트, 라디오, 확인란을 가져오는 Jquery 코드, 값 선택_jquery

양식 텍스트, 영역 텍스트, 라디오, 확인란을 가져오는 Jquery 코드, 값 선택_jquery

WBOY
풀어 주다: 2016-05-16 18:41:50
원래의
1104명이 탐색했습니다.

jquery 라디오 값, 체크박스 값, 값 선택, 라디오 선택, 체크박스 선택, 선택 선택 및 관련
라디오 선택 항목 집합의 값 가져오기
var item = $('input[@name =items] [@checked]').val();
select에서 선택한 항목의 텍스트 가져오기
var item = $("select[@name=items] option[@selected]").text( ) ;
선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다.
$('#select_id')[0].selectedIndex = 1
라디오 라디오 선택 그룹의 두 번째 요소는 다음과 같습니다. 현재 선택된 값 Value
$('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",'');//선택 취소됨
$("#chk2").attr ("checked" ,true);//체크
if($("#chk1").attr('checked')==undefine) //체크 여부 판단

라디오 그룹 radio: $ ("input[@type=radio]").attr("checked",'2');//값=2인 항목을 현재 선택한 항목으로 설정
드롭다운 상자 선택: $ ("#sel"). attr("value",'-sel3');//값=-sel3인 항목을 현재 선택된 항목으로 설정
$("").appendTo( "#sel")//드롭다운 상자 옵션 추가
$("#sel").empty(); //드롭다운 상자 지우기
--------------- --------------------- ---------------- ----------------------------------


//옵션 트래버스 및 옵션 추가, 제거
functionchangeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] 옵션").each(function(){
if($(this).val() = = 111){
$(this).remove( );
}
})
}else{
$("").appendTo ($("select[@name=ISHIPTYPE]")) ;
}
}


//드롭다운 메뉴의 선택 값 가져오기

$(#testSelect option:selected').text();
또는 $("#testSelect").find('option:selected').text()
또는 $("#testSelect") .val()
////////////////////////////////////// //////////////////// /////
기억력이 좋지 않은 경우 저장할 수 있습니다:
1, 드롭다운 box:

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

약간 설명:
1.select[@name='country'] 옵션[ @selected] name 속성이
이고 속성 값이 'country'인 select 요소에서 selected 속성이 있는 옵션 요소를 나타냅니다. @로 시작하면 다음을 의미함을 알 수 있습니다. 그 뒤에는 속성이 옵니다.

2, 라디오 버튼:
$("input[@type=radio][@checked]").val() //라디오 버튼의 선택된 항목 값을 가져옵니다(참고). 중간 공백 없음)
$("input[@type=radio][@value=2]").attr("checked",'checked') //라디오 버튼 값=2를 선택한 항목으로 설정 state.(중간에 공백이 없다는 점에 유의하세요)

3, 체크박스:
$("input[@type=checkbox][@checked]").val(); 체크박스 선택 받기 첫 번째 항목의 값
$("input[@type=checkbox][@checked]").each(function(){ //체크박스는 여러 개 선택하는 것이 일반적이므로 출력은 반복됨
alert($(this).val());
})

$("#chk1").attr("checked",'');//선택 취소
$("#chk2").attr("checked",true);//Tick
if($("#chk1").attr('checked')==undefine){} // 확인되었는지 확인


물론 jquery의 선택기는 여러 가지 방법이 있습니다.





아아앙



jquery radio는 값을, checkbox는 값 값, 값 선택, 라디오 선택, 체크박스 선택, 선택 선택 및 라디오 선택 항목 집합의 값을 얻기 위한 관련
var item = $('input[@name=items][@checked]' ).val();
select에서 선택한 항목의 텍스트 가져오기
var item = $("select[@name=items] option[@selected]").text(); 드롭다운 상자의 항목 두 요소는 현재 선택된 값입니다.
$('#select_id')[0].selectedIndex = 1
라디오 라디오 선택 그룹의 두 번째 요소는 현재 선택된 값입니다. value
$('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(" 확인됨",'');//선택 취소됨
$("#chk2").attr("checked",true);//선택됨
if($(" #chk1").attr ('checked')==undefine) //
라디오 그룹 라디오가 확인되었는지 확인: $("input[@type=radio]").attr("checked",' 2');// 값=2인 항목을 현재 선택된 항목으로 설정
드롭다운 상자 선택: $("#sel").attr("value",'-sel3');//설정 현재 선택된 항목으로 값=-sel3인 항목
$("
11112222").appendTo("#sel")//드롭 옵션 추가 -down box $("#sel").empty( ); //드롭다운 상자 지우기

라디오 선택 항목 세트의 값 가져오기
var item = $( 'input[@name=items][@checked]').val();
select에서 선택한 항목의 텍스트 가져오기
var item = $("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",'' );//선택 취소됨
$("#chk2").attr("checked" ,true);//체크됨
if($("#chk1").attr('checked') ==undefine) //
라디오 그룹 라디오가 체크되었는지 여부를 판단합니다: $("input[@ type=radio]").attr("checked",'2');//설정 값=2 해당 항목은 현재 선택된 항목입니다.
드롭다운 상자 선택: $("#sel").attr( "value",'-sel3');//항목 설정 값=-sel3이 현재 선택된 항목입니다
$( "
11112222$("#sel").empty();//드롭다운 상자 지우기

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