Javascript 单击radiobutton的处理程序

我有以下代码：

<script>
    $(document).ready(
        function()
        {
            $('#radans').on("click",function(event)
            {
                $('#ansform').append("<input type='submit' value='accept answer'>")
            });
        });
</script>

$(document).ready(
    function()
    {
    $('.radans').on("click",function(event)
            {
            $('#ansform').append("<input type='submit' value='accept answer'>")

            });
    });

$（文件）。准备好了吗(
函数（）
{
$（“#radans”）。在（“单击”上，函数（事件）
{
$（'#ansform'）。追加（“”）
});
});

---

我有几个id=“雷达”的单选按钮和id=“ansform”的表单。 当我单击第一个RadioButton时，处理程序捕获此事件，但当我单击第二个、第三个RadioButton时，处理程序不捕获此事件。我怎样才能解决这个问题

更新：

<form id = "ansform" action=/question method="post">

<p>Answers:</p> 

<input id ="radans" type="radio" name="ansvar" value="0"> yes<br>  

<input id ="radans" type="radio" name="ansvar" value="1"> no<br>

答案：

是

否

谢谢大家。实际上，我在重复ID时犯了一个可怕的错误，并且我有几个ID=“雷达”的单选按钮

这是错误的。Id应该是唯一的。你不能有很多

在您的示例中，

$（“#radans”）.on

仅对第一个id激活

例如，尝试在单选按钮上添加相同的类

<input class ="radans" type="radio" name="ansvar" value="0"> yes<br>  

 <input class ="radans" type="radio" name="ansvar" value="1"> no<br>  

是

否

然后使用以下代码：

<script>
    $(document).ready(
        function()
        {
            $('#radans').on("click",function(event)
            {
                $('#ansform').append("<input type='submit' value='accept answer'>")
            });
        });
</script>

$(document).ready(
    function()
    {
    $('.radans').on("click",function(event)
            {
            $('#ansform').append("<input type='submit' value='accept answer'>")

            });
    });

$（文档）。准备好了吗(
函数（）
{
$（'.radans'）。在（“单击”，函数（事件）
{
$（'#ansform'）。追加（“”）
});
});

元素的ID必须是唯一的，请改用class属性或ID对类似元素进行分组，然后使用class选择器选择它们

因此，不要使用

而是使用

$(document).ready(function () {
    $('.radans').on("click", function (event) {
        $('#ansform').append("<input type='submit' value='accept answer'>")
    });
});

$（文档）.ready（函数（）{
$（'.radans'）。在（“单击”，函数（事件）{
$（'#ansform'）。追加（“”）
});
});

ID是唯一的，因此jQuery只匹配第一个元素。你应该将ID随机分配给类

$('.radans').on('click', function() {
    $('#ansform').append('<input type="submit" value="accept answer">');
});

$（'.radans'）。在（'click'，function（）上{
$（'#ansform'）。附加（''）；
});

在单个页面中应该有唯一的id，即不要使用重复的id。

您可以发布匹配的HTML吗 回答：

是
否
@user3237808每个元素的ID都必须是唯一的。这是无效的HTML。