javascript multiple checkbox 유효성 확인

Question

적어도 하나의 체크 박스가 있는지 확인하기 위해이 간단한 스크립트를 사용하고 싶습니다만, getElementsByName 태그에서 뭔가 잘못되었다는 느낌이 들었습니다. 항목을 체크했는지 여부와 관계없이 항상 팝업 상자가 나타납니다.

<script language="javascript"> 
function validate() { 
    var chks = document.getElementsByName('id[][]'); 
    var hasChecked = false; 
    for (var i = 0; i < chks.length; i++) { 
     if (chks[i].checked) { 
      hasChecked = true; 
      break; 
     } 
    } 
    if (hasChecked == false) { 
     alert("Please select at least one."); 
     return false; 
    } 
    return true; 
} 
</script> 

및 이상 결국 체크 박스와 끝까지하지 않을 수도 있습니다 형태 : 코멘트, 당신은 수도 말처럼 어쩌면 getElementsByTagName

var chks = document.getElementsByTagName('input'); 
for (var i in chks) 
{ 
    if (chks[i].getAttribute('type') == "checkbox") 
    { 
     if (chks[i].checked) 
     hasChecked = true; 
    } 
} 

를 사용

<form 
enctype="multipart/form-data" 
method="post" 
action="formsubmission.php" 
name="form_type" onSubmit="return validate()"> 

<input id="attrib-8-10" type="checkbox" value="10" name="id[8][10]"> 
<label class="Checkbox" for="attrib-8-10">thick</label> 
<input id="attrib-8-11" type="checkbox" value="11" name="id[8][11]"> 
<label class="Checkbox" for="attrib-8-11">medium</label> 
<input id="attrib-8-12" type="checkbox" value="12" name="id[8][12]"> 
<label class="Checkbox" for="attrib-8-12">thin</label> 

Answer 1

웹 사이트에 다른 확인란을 추가하면 코드가 손상 될 수 있으므로 속성 유형을 확인하지 마십시오. 이

<input id="attrib-8-10" type="checkbox" value="10" name="id[8][10]"> 

<input id="attrib-8-10" type="checkbox" value="10" class="checkable" name="id[8][10]"> 

함으로써 그런 다음 "유효성 검사"코드는 다음과 같이한다

변경합니다.

var chks = document.getElementsByName('id[][]'); 

HTML 요소의 id 속성이 고유하기위한 것입니다, 당신은 다음과 같습니다

var chks = document.getElementsByTagName('input'); 
for (var i in chks) 
{ 
    if (chks[i].getAttribute('type') == "checkbox" && chks[i].className == "checkable") 
    { 
     if (chks[i].checked) 
     hasChecked = true; 
    } 
} 

Answer 2

이 줄은 범인이다. name 속성은 요소를 논리적으로 그룹화하기위한 것입니다 (특히 확인란 및 라디오 버튼의 경우).

함께 그룹화하려면 이름이 동일해야합니다. id[8][10]은 id[8][11]과 같지 않으며 document.getElementsByName('id[][]')을 호출하면 말 그대로 "id [] []"라는 요소가 필요합니다.

당신은 일치 무언가, 즉 "checkboxGroup을"로 요소의 이름을 변경 한 다음 요소의 모든 인덱스를 specied대로

Answer 3

var chks = document.getElementsByName('id[][]'); 

document.getElementsByName('checkboxGroup')는, 모든 요소를 ​​선택하지 않습니다 사용해야합니다.

어떻게 할 수 있습니까?

var chks= document.getElementsByTagName('input'); 
for (var x=0; x < chks.length; x++) { 
    if (chks[x].type.toUpperCase()=='CHECKBOX' && chks[x].checked == true) { 
     hasChecked = true; 
     break; 
    } 
}