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

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

WBOY
WBOY원래의
2016-05-16 15:36:231846검색

앞서 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 메서드" 와 결합하여 함께 배우면 분명 예상치 못한 이득을 얻을 것입니다!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.