Jquery 지식 포인트 3 jquery 양식 객체 Operation_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"), 유사한 방법:
: radio, :submit, :image, :reset, :button, :file, :hidden, :password, :text; $(":input") 및 요소를 선택하세요.
선택한 항목을 선택하고 선택하려면 다음을 사용하세요:selected( $("select :selected"), $(":radio:checked") .val();)


코드 복사

코드는 다음과 같습니다.

<머리>
<제목>

<스크립트 유형="텍스트/자바스크립트" >
$(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(["篮球", "游戏" ])
})
});



<본문>
足球

篮球

看书

游戏

---

娱乐1

娱乐2

娱乐3

<시간 />
<여러 ="다중" 선택 >
<옵션 값 ="篮球">篮球
<옵션 값 ="足球">足球
<옵션 값 ="看书">看书
<옵션 값 ="游戏">游戏