jquery에서 양식 태그 값을 얻는 방법

일상적인 개발 과정에는 양식이 사용되는 곳이 많습니다. 예를 들어 로그인, 등록, 결제, 주문 작성, 백엔드 관리 등이 있습니다.

양식의 값을 얻기 위해 jQuery를 사용하는 것이 일반적인 관행입니다.

공통 양식

한 줄 텍스트 필드:

<input type="text" id=&#39;name&#39; value=&#39;pelli&#39;>

Password 필드:

<input type="password" id=&#39;pass&#39; value=&#39;password&#39;>

단일 선택: <입력 유형 = 'radio' name='sex'>남성여성

<input type="radio" name=&#39;sex&#39; id=&#39;man&#39; value="1">
<label for="man">男</label>
<input type="radio" name=&#39;sex&#39; id=&#39;woman&#39; value="0">
<label for="woman">女</label>

다중 선택:

<input type=&#39;checkbox&#39; value=&#39;1&#39; name=&#39;intrest&#39;>篮球
<input type=&#39;checkbox&#39; value=&#39;2&#39; name=&#39;intrest&#39;>足球
<input type=&#39;checkbox&#39; value=&#39;3&#39; name=&#39;intrest&#39;>皮球

드롭다운 목록:

<select name="city" id="city">
    <option value="1">北京</option>
    <option value="2">南京</option>
    <option value="3">上海</option>
    <option value="4">成都</option>
    <option value="5">西安</option>
</select>

여러 줄 텍스트 필드 : 여기에 여러 줄의 텍스트를 작성할 수 있습니다

<textarea name="" id="remark" cols="30" rows="10">这里是备注</textarea>

jQuery를 사용하여 양식 태그 값 가져오기

// 昵称
var name = $("#name").val();
console.log(name);

// 密码
var pass = $("#pass").val();
console.log(pass);

// 性别
var sex = $("input:radio:checked").val();
console.log(sex);

// 性别
var sex1 = checkAll($("input:radio"));
console.log(sex1);

// 兴趣
var hobby = checkAll($("input:checkbox"));
console.log(hobby);

// 城市
var city = $("#city").val();
console.log(city);

// 城市
var city1 = $("#city option:selected").val();
console.log(city1);

// 备注
var remark = $("#remark").val();
console.log(remark);

단일 및 다중 선택 항목을 가져와 값 배열을 반환하는 함수:

//获取单选或者多选的值，返回一个值得数组，如果没有值，返回空数组，参数inputlist是jQuery对象
function checkAll(inputlist){
    var arr = [];
    var num = inputlist.length;
    for(var i = 0; i < num; i++){
        if(inputlist.eq(i).is(":checked")){
            arr.push(inputlist.eq(i).val());
        }
    }
    return arr;
}

요약:

한 줄 텍스트: $("#text").val();

비밀번호: $("#pass").val();

라디오 선택: $("input:radio: selected").val();

다중 선택: $("input:checkbox")를 탐색하여 선택되었는지 확인

드롭다운: $("#select").val(); 또는 $(" #select option:select").val();

여러 줄 텍스트: $("textarea").val();

위 내용은 jquery에서 양식 태그 값을 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!