> 웹 프론트엔드 > JS 튜토리얼 > jquery를 사용하여 확인란이 선택되었는지 확인하는 방법

jquery를 사용하여 확인란이 선택되었는지 확인하는 방법

PHPz
풀어 주다: 2018-09-28 16:59:24
원래의
1274명이 탐색했습니다.

이 글에서는 체크박스 선택 여부를 판단하는 jquery 방식을 주로 소개합니다.

Jquery는 체크박스 선택 여부를 판단하는 문제와 선택 방법을 요약합니다.

본론으로 들어가거나 페이지에 다음과 같은 확인란 세트가 있는 경우:

<input type="checkbox" name="fruit" value="apple">苹果 
<input type="checkbox" name="fruit" value="orange">橘子 
<input type="checkbox" name="fruit" value="banana">香蕉 
<input type="checkbox" name="fruit" value="grape">葡萄
로그인 후 복사

그런 다음 Jquery를 사용하여 일련의 확인란을 가져옵니다. name=fruit 체크박스의 값을 확인하는 방법은 다음과 같습니다.

var checkVal=&#39;&#39;; 
$("input[name=&#39;fruit&#39;]:checkbox").each(function(){ 
  if($(this).attr(&#39;checked&#39;)){ 
    checkVal+=$(this).val()+&#39;,&#39;; 
  } 
}) 
判断 name=fruit 组的复选框是否有被选中的选项:
var flag=false; 
$("input[name=&#39;fruit&#39;]:checkbox").each(function(){ 
  if($(this).attr(&#39;checked&#39;)){ 
    flag=true; 
  } 
}) 
if(flag){ 
  alert(&#39;有被选中&#39;); 
}else{ 
  alert(&#39;没有选中任何选项&#39;); 
}
로그인 후 복사

위는 jquery에서 체크박스 선택 여부를 확인하는 방법입니다. . 모두의 학습에 도움이 되기를 바랍니다. 더 많은 관련 튜토리얼을 보려면 jQuery 비디오 튜토리얼을 방문하세요.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿