使用jQuery通过id获取单选按钮的值

22 浏览
0 Comments

使用jQuery通过id获取单选按钮的值

我对jQuery有点陌生，所以遇到了一些问题。我该如何通过id来获取单选按钮的值？从其他类似的问题中提出的解决方案有点让我困惑。以下是代码：\n$(document).on(\"click\", \"#Update\", function() {\n let id = $(this).data(\'id\');\n let tank_name = $(this).data(\'tank_name\');\n let title = $(this).data(\'title\');\n let tank_maintain = $(this).data(\'tank_maintain\');\n let work_status = $(this).data(\'work_status\');\n $(\"#t_maintenanceID\").val(id);\n $(\"#tank_name\").val(tank_name);\n $(\"#title_maintenance\").val(title);\n $(\"#tank_maintain\").val(tank_maintain);\n $(\"work_status:checked\").val(work_status);\n});\n\n

\n \n \n \n \n \n \n \n

0

3 答案

0 Comments

问题的原因是，HTML中的radio button具有相同的id，而id应该是唯一的。

解决方法是，将radio button的id改为name属性的值，并使用name属性来获取选中的值。

以下是修改后的代码：




  

    
    

      

        
      

      

        
      

      

        
      

    

  

  




$(function() {
  $(document).on("click", "[name=work_status]", function() {
    let id = $(this).val()
    console.log(id)
  });
  $("#Update").on("click", function() {
    const workStatus = $("[name=work_status]:checked").val();
    console.log(workStatus)
  })
});

通过将id修改为name属性的值，并使用name属性来获取选中的值，可以解决此问题。

0
0 Comments

问题描述：使用jQuery通过id获取单选按钮的值时出现的问题。

问题原因：所有的单选按钮都使用了相同的id，但是根据DOM元素的规则，id必须是唯一的。

解决方法：为每个单选按钮设置唯一的id。

通过使用如下代码可以通过id获取单选按钮的值：

$('input[name=work_status]:checked').val()

但是需要注意，你在所有的单选按钮上使用了相同的id，根据DOM元素的规则，id必须是唯一的，不能重复使用。

为了解决这个问题，你需要为每个单选按钮设置唯一的id。这样，就可以通过id来获取单选按钮的值了。

0
0 Comments

问题的出现原因是使用了重复的元素id。HTML的id属性是唯一的值。

解决方法是使用`$('input[name=work_status]:checked').val()`来获取被选中的单选按钮的值。

0