> 웹 프론트엔드 > JS 튜토리얼 > javascript_javascript 스킬에서 체크박스 선택 여부를 확인하는 방법

javascript_javascript 스킬에서 체크박스 선택 여부를 확인하는 방법

WBOY
풀어 주다: 2016-05-16 15:36:23
원래의
1844명이 탐색했습니다.

앞서 jquery가 체크박스 선택 여부를 결정하는 방법에 대한 문제를 요약했습니다. 오늘은 js 체크박스가 선택되었는지 확인하는 방법
을 요약했습니다. JavaScript는 확인란이 선택되었는지 여부를 결정합니다. 다음은 예입니다(이제 다음과 같은 확인란 집합이 있습니다).

<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" />葡萄 
로그인 후 복사

name=fruit인 체크박스 집합의 값을 가져오는 방법은 다음과 같습니다.

<script language="javascript"> 
function checkbox(){ 
  var str=document.getElementsByName('fruit'); 
  var strstrLen=str.length; 
  var checkVal=''; 
  for (i=0;i<strLen;i++){ 
    if(str[i].checked==true){ 
      checkVal+=str[i].value+','; 
    } 
  } 
  if(checkVal==''){ 
    alert("请先选择复选框~!"); 
  }else{ 
    alert("复选框的值是:"+checkVal); 
  } 
} 
</script> 
로그인 후 복사

이전 "체크박스 선택 여부를 확인하는 JQuery 메서드" 와 결합하여 함께 배우면 분명 예상치 못한 이득을 얻을 것입니다!

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