> 웹 프론트엔드 > JS 튜토리얼 > Jquery_jquery에서 제어값을 얻는 세 가지 방법 요약

Jquery_jquery에서 제어값을 얻는 세 가지 방법 요약

WBOY
풀어 주다: 2016-05-16 17:00:03
원래의
1324명이 탐색했습니다.

서버 컨트롤 값을 얻기 위한 Jquery 메서드
서버 컨트롤은 ASP.NET 웹 페이지가 실행된 후 클라이언트 ID를 무작위로 생성하므로 jquery는 그렇지 않습니다. 구하면 조작하기 편하고, 구글링해서 다음 세 가지 방법을 찾았습니다.

서버 제어 코드:

1. $("#<%=txtUserID.ClientID%>").val();

2. $("입력[id*=txtUserID]").val();

3. $("*[id$=txtUserID]").val();

제어 값을 얻는 두 가지 Jquery 메서드

값:

$("")는 dom 요소가 아닌 jquery 객체입니다

값은 dom 요소의 속성입니다
jquery는 val에 해당합니다
val(): 일치하는 첫 번째 요소 현재 값을 가져옵니다.
val(val): 일치하는 각 요소의 값을 설정합니다.
따라서 코드는 다음과 같이 작성되어야 합니다.
값: val = $("#id")[0].value;

할당:
$(" #id ")[0].value = "새 값";
또는 $("#id").val("새 값");

또는 다음과 같이 수행할 수도 있습니다: val = $("#id").attr("value");
라디오 선택 항목 세트의 값 가져오기

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

select에서 선택한 항목의 텍스트 가져오기
var item = $("select[ @name =items] option[@selected]").text();
선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다
$('#select_id')[0].selectedIndex = 1;
radio 라디오 그룹의 두 번째 요소는 현재 선택된 값입니다
$('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인 항목을 현재 선택된 항목으로 설정 item 드롭다운 상자 선택:
$("#sel").attr("value",'-sel3');//value=-sel3인 항목을 현재 선택된 항목으로 설정 item$ ("").appendTo("#sel")//추가 드롭다운 상자 옵션

$("#sel").empty() //드롭다운 상자 지우기


컨트롤의 DropDownList 값을 가져오는 세 가지 Jquery 메소드

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

 

 
            북경시
            南京
            苏州     
       

       
         

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