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 code：

<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

<强> 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

我应该是唯一的。把它改成上课。

<强> 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

跳出来的第一个问题是你有两个相同的ID。声明你的两个无线电类=＆＃34; macam＆＃34;而不是id =＆＃34; macam＆＃34;并使用$（＆＃34; .macam＆＃34;）来选择那些类而不是$（＆＃34;＃。maca＆＃34;）

改为使用

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中选择单选按钮

3 个答案: