>웹 프론트엔드 >JS 튜토리얼 >jquery는 양식 요소 샘플 code_jquery에서 값을 가져옵니다.

jquery는 양식 요소 샘플 code_jquery에서 값을 가져옵니다.

WBOY
WBOY원래의
2016-05-16 17:27:52932검색

jquery 참고 사항:

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

$("input[name ='radio_name ']:checked”).val()
1
2
3

에 관한 내용 인터넷이 너무 지저분하고, jQuery 버전마다 다르게 작성될 수도 있습니다. 검색하고 실험해 본 결과 아래에 작성된 내용은 jQuery 1.3에서
jquery radio 값, checkbox 값, select 값, radio 선택됨, checkbox 선택됨입니다. .2 버전 선택 및 관련 설정:
선택된 라디오 항목 세트의 값 가져오기: var item = $('input[name=items][checked]').val();
선택한 항목의 텍스트 가져오기
var item = $("select[@name=items] option[@selected]").text()
선택한 항목의 텍스트 가져오기: var item = $( "select[name=items] option[selected]").text(); 또는
$("select[name=items]").find("option:selected").text() ;
선택 드롭다운 상자의 두 번째 요소는 현재 선택된 값입니다. $('#select_id')[0].selectedIndex = 1
선택 드롭다운 상자 값의 요소 = ' val'은 현재 선택된 항목입니다. $("select [name=items] option[value='val']").attr("selected","selected")
라디오 라디오 선택의 두 번째 요소 그룹은 현재 선택된 항목입니다: $('input[@ name=items]').get(1).checked = true 또는 $('input[name=items]').attr("checked",1′ );
radio value = 'val' 요소는 현재 선택된 항목입니다: $('input[name=items][value='val']').attr("checked","checked")
값 가져오기:
텍스트 상자, 텍스트 영역 :$("#txt").attr("value")
다중 선택 상자 확인란: $("input[name='checkbox':checked) ]").each(function(){
var val = $(this).val();
});
라디오 선택 그룹 radio: $("input[type=radio][checked ]").val();
드롭다운 상자 선택 값: $('select').val();
드롭다운 상자 선택으로 선택한 텍스트 값: $("select").find ("option:selected").text();

제어 양식 요소:
텍스트 상자, 텍스트 영역: $("#txt").attr("value","); // 내용 지우기
$("#txt").attr(" value”,'11′); //내용 채우기
다중 선택 상자 확인란:
확인란의 두 번째 요소가 선택됩니다: $(" input[name=items]").get(1).checked = true; //체크
$("input[name=items]").get(1).checked = false; //체크 해제
체크박스에서 value='val'인 요소 앞: $("input[name=item][value='val']").attr("checked",true) 또는 $("input[name= item][value='val']") .attr("checked","checked");
if($("input[name=item][value='val']").attr(' selected')==true) //이미 선택되었는지 확인
라디오 그룹 radio: $("input[type=radio]").attr("checked",'2′);//값으로 항목 설정 =2 현재 선택된 항목
드롭다운 상자 선택: $(”#sel”).attr(”value”,'-sel3′);//value=-sel3 항목을 현재 선택된 항목으로 설정 item
$(””).appendTo(”#sel”)//추가 드롭다운 상자의 옵션
$(”#sel”).empty(); //드롭다운 상자 지우기

jQuery는 Radio
코드에서 선택한 값을 가져옵니다. "input[name='radio_name'][checked]").val(); //선택한 라디오의 값 값 선택
$("#text_id").focus(function(){//code. ..}); //text_id 객체가 포커스를 받으면 이벤트가 트리거됩니다.
$("#text_id ").blur(function(){//code...}) //이벤트가 트리거되는 경우는 다음과 같습니다. text_id 객체가 포커스를 잃습니다
$("#text_id").select(); //텍스트 상자의 Vlaue를 만듭니다. 값이 선택됩니다.
$("input[name='radio_name'][value= '선택할 라디오의 값'").
attr("checked",true); //값에 따라 설정 라디오가 선택된 상태입니다

jQuery는 CheckBox에서 선택한 값 값을 가져옵니다
$("input[name='checkbox_name'][checked]"); //이 컬렉션을 반복하는 데 필요한 값을 얻으려면 선택한 CheckBox 요소 컬렉션을 선택하세요.
$($( "input[name='checkbox_name'][checked]")).
each(function(){arrChk =this.value ',';}) //선택한 CheckBox 요소의 컬렉션을 탐색하여 값을 가져옵니다. value
$("#checkbox_id").attr("checked"); //CheckBox의 상태를 가져옵니다(선택되었는지 여부, true/false 반환)
$("#checkbox_id").attr ("checked",true); //CheckBox 상태를 선택됨(checked=true)으로 설정합니다.
$("#checkbox_id").attr("checked",false ); CheckBox를 선택 취소함(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id") .attr("checked")); //3, 4, 5번 항목에 따르면 이 코드의 의미를 분석할 수 있습니다
$("#text_id").val().split(",") //Text의 Value 값을 분리합니다. ','를 사용하여 배열을 반환합니다
위 작업은 실제로 jQuery 선택기를 사용하는 것입니다. 모두가 jQuery 선택기에 대한 확실한 지식을 갖고 있기를 바랍니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.