Выбор переключателя в js

Question

У меня есть проблема в моем коде, я хочу показать форму ввода текста, когда я нажимаю один из переключателей. Ajax код:

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#macam').click(function() { 
    var value = $(this).val(); 
     if(value == "0"){ 
      $("#hilang").html("<input name='' value='tes' type='text' />"); 
     } 
     else{ 
      $("#hilang").html(""); 
     } 
}); 
}); 
</script> 

HTML код:

<input id="macam" type="radio" name="radio" value="1" checked></input> 
<input id="macam" type="radio" name="radio" value="0"></input> 
    <div id="hilang"></div> 

Answer 1

Не повторно использовать идентификаторы

JS

$(document).ready(function(){ 
$('input[name="radio"]').click(function() { 
    var value = $(this).val(); 
     if(value == "0"){ 
      $("#hilang").html("<input name='' value='tes' type='text' />"); 
     } 
     else{ 
      $("#hilang").html(""); 
     } 
}); 
}); 

HTML

<input id="macam1" type="radio" name="radio" value="1" checked></input> 
<input id="macam0" type="radio" name="radio" value="0"></input> 
<div id="hilang"></div> 

Answer 2

Id должен быть уникальным. Измените его на класс.

HTML

<input class="macam" type="radio" name="radio" value="1" checked></input> 
<input class="macam" type="radio" name="radio" value="0"></input> 
<div id="hilang"></div> 

JQuery

$('.macam').click(function() { 
var value = $(this).val(); 
    if(value == 0){ 
     $("#hilang").html("<input name='' value='tes' type='text' />"); 
    } 
    else{ 
     $("#hilang").html(""); 
    } 
}); 

Answer 3

Первая проблема, которая выскакивает в том, что у вас есть два одинаковых идентификаторов. Объявите ваши две радиостанции класса = "Macam" вместо идентификатора = "Macam" и использовать $ ("Macam "), чтобы выбрать те классы, вместо $ (" #. Маки")

Используйте это вместо

var value = $('input[name="radio"]:checked').val(); 

использовать этот

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('.macam').click(function() { 
    var value = $('input[name="radio"]:checked').val(); 
    if(value === "0"){ 
     $("#hilang").html("<input name='' value='tes' type='text' />"); 
    } 
    else{ 
     $("#hilang").html(""); 
    } 
    }); 
}); 
</script> 

<input class="macam" type="radio" name="radio" value="1" checked></input> 
<input class="macam" type="radio" name="radio" value="0"></input> 
    <div id="hilang"></div>