자바 스크립트 확인란 유효성 검사

-1

JS에 익숙하지 않습니다. 확인란의 유효성을 검사하는 방법, 라디오 버튼. 가장 좋은 답변을 선택하는 질문을 만들었습니다. 나는 라디오 버튼과 체크 박스를 사용했다. 누구든지 설명을 해줘. 자바 스크립트 확인란 유효성 검사

이

내 코드입니다 :

<body> 
<div id="qn1">1. What are JavaScript types?</div> <div id="ans"> 
<input type="checkbox" id="n1">Number</input><br/> 
<input type="checkbox" id="B1">Boolean</input><br/> 
<input type="checkbox" id="F1">Function</input><br/> 
<input type="checkbox" id="u1">Undefined</input><br/> 
<input type="checkbox" id="a1">All the above</input><br/><br/> 
<button onclick="toCheck()">Check</button> 
<button onclick="toShow()">Show Answer</button> 
</div> 
</body>

감사

출처

2015-01-28 NalluJi

코드 없이는 추측 할 수 없습니다. 우리에게 당신의 노력을 보여주세요. – Manwal

무엇을 확인하고 싶습니까? – dsharew

1. What are JavaScript types?

– NalluJi

-1

당신이 jQuery를 알고있는 경우

이 사용할 수

$("input[name='NAME_OF_CHECKBOX']:checked")each(HERE GOES THE FURTHER CODE);

출처

2015-01-28 07:29:37 MegaMind

질문에 명확하게 jQuery 태그가 없습니다. – Sprottenwels

새로운 아이디어를 환영한다고 생각했습니다. 이리. – MegaMind

물론 있습니다. 하지만 개인적으로는 jQuery 라이브러리 전체를 사용하기가 쉽지 않기 때문에 뉴비 스 목구멍을 내려 놓는 것이 좋지 않습니다. OP는 분명히 초보자이기 때문에 언어에 대한 기본 아이디어조차 없어도 새로운 정보로 압도적 인 인상을 피할 수 있습니다. 그냥 내 2 센트, 그래도, 아무런 공격 :) – Sprottenwels

음을, 당신은 몇 가지 몇 가지 변경을해야 하는가에 HTML 첫 번째 :

class 및 value 속성을 확인란 요소에 추가합니다.
은 그런 답 에서 확인 값을 얻기 위해 다음과 같은 자바 스크립트 기능을 사용 :

function toShow(){ 
 
    var checkedValues=[]; 
 
    var answers=document.getElementsByClassName("answers"); 
 
    for(var i=0;i<answers.length;i++){ 
 
     if(answers[i].checked){ 
 
      checkedValues.push(answers[i].value); 
 
     } 
 
    } 
 
    alert(checkedValues); 
 
}

<div id="qn1">1. What are JavaScript types?</div> 
 
<div id="ans"> 
 
    <input type="checkbox" class="answers" id="n1" value="Number">Number</input><br/> 
 
    <input type="checkbox" class="answers" id="B1" value="Boolean">Boolean</input><br/> 
 
    <input type="checkbox" class="answers" id="F1" value="Function">Function</input><br/> 
 
    <input type="checkbox" class="answers" id="u1" value="Undefined">Undefined</input><br/> 
 
    <input type="checkbox" class="answers" id="a1" value="All the above">All the above</input><br/><br/> 
 
    <button onclick="toCheck()">Check</button> 
 
    <button onclick="toShow()">Show Answer</button> 
 
</div>

편집 : 당신이에 하나의 답을 선택합니다

한번, 여기에 this answer에서 영감을받은 jQuery를 사용하는 함수가 있습니다 :

$("input:checkbox").on('click', function() { 
var $box = $(this); 
if ($box.is(":checked")) { 
    var group = "input:checkbox[class='" + $box.attr("class") + "']"; 
    $(group).prop("checked", false); 
    $box.prop("checked", true); 
} else { 
    $box.prop("checked", false); 
} 
alert($box.val()); 
});

시도 this DEMO.

출처

2015-01-28 11:11:17

한 번에 하나의 체크 박스 만 체크하고 싶습니다. 하나의 체크 박스를 선택하면 다른 상자는 비활성화됩니다. – NalluJi

그럴 경우 입력 라디오를 사용하는 것이 더 좋을지 모르지만 한 번에 여러 가지 답변을 선택할 수 있다고 생각합니까? 아니? 그러나 그것이 당신이 내 EDIT를보고 싶다면 원하는 것입니다. –

자바 스크립트 확인란 유효성 검사

답변

관련 문제