자바 스크립트 라디오 버튼 그룹 유효성 검사

다음 라디오 버튼 그룹 (IDType) 중 하나가 선택되어 있고 라디오 버튼이없는 경우 (ValidationError) 부서에서 오류 메시지를 확인하고 볼 수 있는지 확인하는 데 자바 스크립트 기능을 개발하고 싶습니다. 선택 ?? 당신의 도움에 대한자바 스크립트 라디오 버튼 그룹 유효성 검사

<td> 
<div> 
<span> 
<input type="radio" name="IDType" id="IDType" value="IDtype1"/> 
ID Type 1 
<input type="radio" name="IDType" id="IDType" value="IDtype2"/> 
ID Type 2 
</span> 
<div id="ValidationError" name="ValidationError"> 
&nbsp; 
</div> 
</div> 
</td>

감사합니다 .....

출처

2011-02-12 user614040

무엇을 시도 했습니까? 무엇이 효과가 없었습니까? 우리는 당신을 위해 당신의 코드를 작성하는 습관이 없지만 어떤 문제라도 기꺼이 도와 줄 것입니다. – Oded

'input [type = radio]'요소는 모두 같은 'id'를 가지고 있습니다. 'id' 값 ('name' 값과 달리) **은 ** 유일해야합니다 ** : http://www.w3.org/TR/html5/dom.html#concept-id –

답을 고맙지 만 나는 원하지 않는다. jQuery를 사용하고 대신 Simple JavaScript를 사용했습니다. – user614040

우선 내 동료들과 마찬가지로 두 라디오 버튼에 동일한 ID ("IDType")를 사용할 수 없습니다.

여기에 jquery없이 자바 스크립트 만있는 해결책이 있습니다.

<html> 
<head> 
<script type="text/javascript"> 
function Validate() { 
    var radios = document.getElementsByName('IDType') 

    for (var i = 0; i < radios.length; i++) { 
     if (radios[i].checked) { 
     alert("Selected Value = " + radios[i].value); 
     return true; // checked 
    } 
    }; 

    // not checked, show error 
    document.getElementById('ValidationError').innerHTML = 'Error!!!'; 
    return false; 
} 
</script> 
</head> 
<body> 
<form> 
<div> 
<span> 
<input type="radio" name="IDType" value="IDtype1"/> 
ID Type 1 
<input type="radio" name="IDType" value="IDtype2"/> 
ID Type 2 
</span> 
<div id="ValidationError" name="ValidationError"> 
</div> 
</div> 
<input type="submit" value="Submit" onclick="return Validate();" /> 
</form> 
</body> 
</html>

출처

2011-02-12 10:25:06

답변 해 주셔서 감사합니다. – user614040

function validateRadioButtons(){ 
    var radio = $('input:radio[name="IDType"]:checked'); 
    if(radio.length == 0)//no buttons selected 
     { 
      $('ValidationError').text("you haven't selected any buttons!"); 
      return; 
     } 
    $('ValidationError').text(radio.val()+' is selected'); 
}

PS :이 작업을 수행하려면 위해서는, 당신은 DOM 요소에 대한 고유 ID의 사용을 고려해야합니다. 두 개의 라디오 버튼에 동일한 ID ("IDType")를 사용할 수 없습니다.

출처

2011-02-12 08:17:30

답변 주셔서 감사하지만 jQuery를 사용하고 싶지 않고 대신 Simple JavaScript를 사용했습니다. – user614040

자바 스크립트 라디오 버튼 그룹 유효성 검사

답변

관련 문제