在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

ID 应该是唯一的。将其更改为 class.

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 2

不要重复使用 ID

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 3

跳出的第一个问题是您有两个相同的 ID。声明你的两个收音机 class="macam" 而不是 id="macam" 并使用 $(".macam") 到 select 那些 classes 而不是 $( "#.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>

在js中选择单选按钮

Selecting radio button in js

html

forms

ajax

radio