> 웹 프론트엔드 > JS 튜토리얼 > 체크박스 선택 여부를 확인하고 value_javascript 기술을 얻는 간단한 JavaScript 방법

체크박스 선택 여부를 확인하고 value_javascript 기술을 얻는 간단한 JavaScript 방법

WBOY
풀어 주다: 2016-05-16 15:45:17
원래의
1273명이 탐색했습니다.

이 문서의 예에서는 JavaScript를 사용하여 확인란이 선택되었는지 여부를 간단히 확인하고 값을 추출하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

여기서 JavaScript는 확인란의 값을 가져오는 데 사용됩니다. 친구가 처음으로 양식을 사용하여 데이터를 제출하기 시작하면 일반적으로 양식에서 특수 요소인 확인란을 만나 선택 여부를 확인하고 해당 요소를 가져옵니다. 값이 다른 양식 요소와 약간 다른 것 같습니다. 이 코드는 확인란의 값을 가져오고 선택 여부를 확인하는 방법을 보여줍니다.

작동 효과는 아래와 같습니다.

구체적인 코드는 다음과 같습니다.

<title>JavaScript 获取复选框的值</title>
<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
 if(str[i].checked == true)
 {
  chestr+=str[i].value+",";
 }
}
if(chestr == "")
{
 alert("请先选择复选框~!");
}
else
{
 alert("复选框的值是:"+chestr);
}
}
</script>
选择您的拿手技术:
<input type="checkbox" name="box" id="box1" value="ASP" />ASP
<input type="checkbox" name="box" id="box2" value="PHP" />PHP
<input type="checkbox" name="box" id="box3" value="JSP" />JSP
<input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

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