>웹 프론트엔드 >JS 튜토리얼 >JQuery 공통 작업 코드_jquery

JQuery 공통 작업 코드_jquery

WBOY
WBOY원래의
2016-05-16 18:32:25940검색

//옵션을 탐색하고 옵션 추가 및 제거
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

 {
  $(""). ($("select[@name=ISHIPTYPE]")));
  }
}


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

$( #testSelect option:selected').text();
또는 $("#testSelect").find('option:selected').text()
또는 $("#testSelect") .val ()
///////////////////////////////////// ///// ///////////////////////
기억력이 안 좋으면 저장하면 됩니다:
1, drop -다운 박스:

var cc1 = $(".formc select[@name='country'] option[@selected]").text() //선택한 항목의 텍스트를 가져옵니다. 드롭다운 메뉴(가운데 공백에 주의)
var cc2 = $( '.formc select[@name="country"]').val() //선택한 항목의 값을 가져옵니다. 드롭다운 메뉴
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();//드롭다운 상자 지우기


기본 소개 jquery 일반 작업

Jquery 선택(목록) 작업(값/할당)

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