在单独的表格中查找每个选中的单选按钮值

Find each checked radio button value on separate forms

本文关键字：单选按钮 查找 单独 表格      更新时间：2023-09-26

现在，我正在将两个充满单选按钮的表单存储在单独的div标记中。

我需要能够比较左div标记和右div标记中选中的单选按钮。

然而，现在，我有了这段代码来查找右侧和左侧div标记中的检查值；它检查了左div标记radiobutton值两次。

   $('#btn').click(function() {
        $("#right input[type='radio']:checked").each(function() {
            var idVal = $(this).attr("id");
            var rightcity = ($("label[for='"+idVal+"']").text());
            console.log(rightcity);
            $('#rightcity').text(rightcity);
        });
        $("#left input[type='radio']:checked").each(function() {
            var idVal = $(this).attr("id");
            var leftcity = ($("label[for='"+idVal+"']").text());
            console.log(leftcity);
            $('#leftcity').text(leftcity);
        });
        });

关于如何为正确的div标记值专门运行这个查询，有什么想法吗？

1st:如果左/右具有相同组的无线电。无需循环通过

第二，你可以试试这个

$('#btn').click(function() {
            var rightId = $("#right input[type='radio']:checked").attr("id");
            var leftId = $("#left input[type='radio']:checked").attr("id");
            var rightcity = $("label[for='"+rightId+"']").text();
            var leftcity =  $("label[for='"+leftId+"']").text();
            console.log(rightcity);
            $('#rightcity').text(rightcity);
            console.log(leftcity);
            $('#leftcity').text(leftcity);
});

也许你不需要获取身份证。。如果你的html

<label></label>
<input type="radio"/>

您可以直接使用.prve（）而不是获取ids

var rightcity = $("#right input[type='radio']:checked").prev('label').text();
var leftcity = $("#left input[type='radio']:checked").prev('label').text();

如果它的

<input type="radio"/>
<label></label>

使用.next（）

 var rightcity = $("#right input[type='radio']:checked").next('label').text();
 var leftcity = $("#left input[type='radio']:checked").next('label').text();

以及关于（能够比较左div标签和右div标签中选中的单选按钮）

var rightValue = $("#right input[type='radio']:checked").val();
var leftValue = $("#left input[type='radio']:checked").val();
相关文章：