У меня проблема с кодом, я хочу отображать текстовую форму ввода, когда нажимаю один из переключателей. Код 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>
0
Wilda Sagita 25 Фев 2015 в 07:01

3 ответа

Лучший ответ

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

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>
1
chiliNUT 25 Фев 2015 в 04:06

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

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("");
    }
}); 
0
slashsharp 25 Фев 2015 в 05:06

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

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

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>
0
Sherman Szeto 25 Фев 2015 в 05:06