JavaScript: włącz i sprawdź przycisk radiowy - javascript, radio-button

Napisałem ten kod, aby przełączać się między przyciskami opcji i wyświetlać niestandardowy alert.

<script>
function test() {
if (radio[0].checked = true) {
alert("hello1");
}

if (radio[1].checked = true) {
alert("hello2");
}
}
</script>


<input type="radio" onclick="test()" value="0">
<input type="radio" onclick="test()" value="1">

Kiedy zaznaczysz którykolwiek z przycisków opcji, musi pokazywać określony alert. Co jest nie tak?

Odpowiedzi:

Należy zwrócić uwagę na dwie rzeczy: 1) Musisz użyć atrybutu „nazwa” w przycisku opcji. W przeciwnym razie nie będziesz mógł sprawdzić przycisku opcji. 2) Nie można użyć radia [0], aby wskazać przycisk opcji. Możesz przypisać do niego identyfikator i użyć go getElementById metoda użycia go w JavaScript. Innym łatwym sposobem jest przekazanie obiektu do funkcji. Proszę odnieść się do przykładowego kodu poniżej:

<script>
function test(radioObj) {
if(radioObj.value == "0")
alert("Hello1");
else if (radioObj.value == "1")
alert("Hello2");
}
</script>

<input type="radio" name="test" onclick="test(this)" value="0">
<input type="radio" name="test" onclick="test(this)" value="1">

Powinieneś nazwać swoje przyciski opcji i wywoływać je z javascript.

<script>
function test() {
if (document.getElementById("radio1").checked == true) {
alert("hello1");
}

if (document.getElementById("radio2").checked == true) {
alert("hello2");
}
}
</script>


<input type="radio" id="radio1" onclick="test()" value="0">
<input type="radio" id="radio2" onclick="test()" value="1">

radio[0] i radio[1] są zdefiniowane w html, ale nie w javascript. Możesz spróbować użyć JQuery lub jedną z wielu bibliotek wyboru javascript. Albo użyj getElementById