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

이 문서의 예에서는 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 프로그래밍 설계에 도움이 되기를 바랍니다.