jquery에서 체크박스의 선택된 값을 얻는 방법-HTML 지식-php.cn

jquery에서 체크박스의 선택된 값을 얻는 방법

藏色散人

풀어 주다： 2018-11-20 09:20:53

원래의

15043명이 탐색했습니다.

이 글에서는 체크박스의 선택된 값을 가져오는 jquery의 구현 방법을 주로 소개합니다.

이전 기사에서는 js를 사용하여 체크박스의 선택된 값을 얻는 방법을 소개했습니다. 구현 아이디어는 어렵지 않으며 누구나 이에 대해 어느 정도 이해하고 있어야 합니다. 그런 다음 jquery를 통해 확인란의 선택된 값을 가져오는 것이 js 메서드보다 간단합니다.

이제 구체적인 코드 예시를 통해 체크박스의 선택된 값을 가져오는 jquery의 구현 방법을 소개하겠습니다.

코드는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="checkbox" name="test" value="0"/>0
<input type="checkbox" name="test" value="1"/>1
<input type="checkbox" name="test" value="2"/>2
<input type="checkbox" name="test" value="3"/>3
<input type="checkbox" name="test" value="4"/>4
<input type="checkbox" name="test" value="5"/>5
<input type="checkbox" name="test" value="6"/>6
<input type="checkbox" name="test" value="7"/>7
<input type="button" onclick="jqchk()" value="提 交"/>
</body>
<script src="./js/jquery-1.4.4.min.js"></script>
<script>
 function jqchk(){ //jquery获取复选框值
 var chk_value =[];
 $(&#39;input[name="test"]:checked&#39;).each(function(){
            chk_value.push($(this).val());
 });
 alert(chk_value.length==0 ?&#39;你还没有选择任何内容！&#39;:chk_value);
 }
</script>
</html>

로그인 후 복사

구현 결과는 아래와 같습니다.

jquery에서 체크박스의 선택된 값을 얻는 방법