라디오 버튼의 동작

내 기본을 올바르게 얻으려는 DOM/javascript 초보자. 난 그냥 그것을 클릭하면 라디오 버튼의 동작을 관찰하려고 해요. 내 코드를 heres. 나를 혼란 무엇라디오 버튼의 동작

HTML

<script src="tmp.js"></script> 
    <input type="radio" id="inp1" name="same" onclick="show();"/> 
    <input type="radio" id="inp2" name="same" onclick="show();"/>

JS (tmp.js)

function show() { 
     alert(document.getElementById("inp1").value + " " + document.getElementById("inp2").value); 
    }

는 경고 상자를 실행에있는 버튼 중 하나를 클릭에 "에서의"말한다는 것이다. "on off"또는 "off on"하지 않아야합니까?

function show() { 
     alert(document.getElementById("inp1").checked + " " + 
       document.getElementById("inp2").checked); 
    }

근무 예 : 당신이 얻고 싶은 것은 checked 재산처럼

출처

2013-08-08 Manas Jayanth

없다 – Esailija

는 모습이 보인다 http://jsfiddle.net/w7vGL/

출처

2013-08-08 11:55:43 Cherniv

아니오, 그것은 안된다. 이 값은 value 속성에서 지정하는 값이며 기본값을 제공하지 않으면 라디오 버튼의 기본값은 'on'입니다.

확인 된 라디오 버튼 만 성공하고 서버로 보낼 수 있으므로 값을 변경하지 않아도됩니다 (양식 제출시 데이터가 포함되지 않음).

체크 상태는 checked 속성에 저장되어 있으며, 자바 스크립트에서 해당 상태를 사용하여 현재 선택된 라디오 버튼을 확인할 수 있습니다.

출처

2013-08-08 11:55:54 Quentin

체크 된 속성을 사용해야합니다. 값을 선택하면 내부 내용 만 결정됩니다.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>test</title> 
<script type="text/javascript"> 
    function show() { 
     alert(document.getElementById("inp1").checked + " " + document.getElementById("inp2").checked); 
    } 
</script> 
</head> 
<body> 
<input type="radio" id="inp1" name="same" onclick="show();"/> 
<input type="radio" id="inp2" name="same" onclick="show();"/> 
</body> 
</html>

출처

2013-08-08 11:58:35 blfuentes

사용 checked 대신하지만, 그것은 당신에게 부울 값을 줄 것이라는 점을 염두에 두어야하기 때문에 다음 코드는 당신이 필요로 할 것입니다 : 값이

function show() { 
    alert(document.getElementById("inp1").checked ? 'on' : 'off' 
+ " " + document.getElementById("inp2").checked ? 'on' : 'off' 
    ); 
}

출처

2013-08-08 12:02:13

라디오 버튼의 동작

답변

관련 문제