Jquery 지식 포인트 3 jquery 양식 객체 Operation_jquery
jquery
Jquery에서 이 세 함수에 매개변수가 있으면 할당 작업입니다. 매개변수가 없으면 값 획득 작업입니다. 그 중에서 val()은 입력 시스템 레이블과 같은 관련 양식 개체입니다. , select, textarea 등은 모두 서버와 상호작용하는 데 사용되는 태그 요소이므로 이 val()을 이해해야 합니다.
radio, checkbox 및 select 할당 작업의 경우:
코드 복사 코드는 다음과 같습니다.
$("input[name=a]"). val(["엔터테인먼트 1"]) ;
$("input[type=checkbox]").val(["농구", "게임"])
$("select").val( ["Basketball", "Game"] ; [], 값이 여러 개인 경우 쉼표로 구분하세요.
선택 항목에 값을 할당하고
선택 항목을 얻습니다. 라디오, 체크박스, 선택의 값 연산:
코드 복사
코드는 다음과 같습니다.
var checkvalue = ""; var s = $ ("input[name=a]:checked").val() $(":checkbox:checked").each(function () { checkvalue = $(this).val(); })
var selectvalue = "" $("select :selected").each(function()
selectvalue = $(this).val();
})
alert("checkvalue:" checkvalue "radiovalue:" s "selectvalue:" selectvalue); >
코드 분석:
은 s를 선언합니다. 변수는 name=a인 라디오의 선택된 값을 수신하는 데 사용됩니다. var s=$(":radio:checked"로 작성할 수도 있습니다. ).val().:radio는 속성인 type=radio의 입력 요소로 이해될 수 있습니다.
체크박스의 선택된 값을 가져옵니다. -선택 상자, 선택한 각 항목은 속성 선택기에 따라 작성될 수도 있습니다: $(" input[type=checkbox]:checked")
선택의 경우 속성이 여러 개일 때 = "다중", 다중 선택이 가능합니다.
요약:
입력 기반 태그 요소의 경우 속성 선택기를 사용하여 다음을 얻을 수 있습니다. $("input[type=checkbox]") 또는 간결한 방법: $(":checkbox"), 유사한 방법: selectvalue = $(this).val();
})
alert("checkvalue:" checkvalue "radiovalue:" s "selectvalue:" selectvalue); >
코드 분석:
은 s를 선언합니다. 변수는 name=a인 라디오의 선택된 값을 수신하는 데 사용됩니다. var s=$(":radio:checked"로 작성할 수도 있습니다. ).val().:radio는 속성인 type=radio의 입력 요소로 이해될 수 있습니다.
체크박스의 선택된 값을 가져옵니다. -선택 상자, 선택한 각 항목은 속성 선택기에 따라 작성될 수도 있습니다: $(" input[type=checkbox]:checked")
선택의 경우 속성이 여러 개일 때 = "다중", 다중 선택이 가능합니다.
요약:
: radio, :submit, :image, :reset, :button, :file, :hidden, :password, :text; $(":input") 및
코드 복사
코드는 다음과 같습니다.
<머리>
<제목>
<스크립트 유형="텍스트/자바스크립트" >
$(function() {
$(":button[value=取值]").click(function() {
var checkvalue = "";
//var s = $ ("input[name=a]:checked").val();
var s = $(":radio:checked").val()
$("input[type=checkbox]: selected").each(function() {
checkvalue = $(this).val();
});
var selectvalue = "";
$("select :selected") .each(function() {
selectvalue = $(this).val();
})
alert("checkvalue:" checkvalue "radiovalue:" s "selectvalue:" selectvalue); 🎜>});
$(":button[value=设置]").click(function() {
$("input[name=a]").val(["娱乐1"] );
$("input[type=checkbox]").val(["篮球", "游戏"])
$("select").val(["篮球", "游戏" ])
})
});
<본문>
篮球
看书
游戏
娱乐2
娱乐3
<시간 />
<여러 ="다중" 선택 >
<옵션 값 ="篮球">篮球
<옵션 값 ="足球">足球
<옵션 값 ="看书">看书
<옵션 값 ="游戏">游戏