求各位大神指点：获取不确定id和name的radio选择的值

Splinter_ 2012-06-19 10:34:18
<table><tr><td>家属姓名</td><td><input type='text' name='inputName' /></td><td>证件号码</td><td><input type='text' name='inputSum' /></td><td>性别</td><td><input id='Radio1' type='radio' name='familySex" + j + "' value='男'/>男</td><td><input id='Radio2' type='radio' name='familySex" + j + "' value='女'/>女</td></tr></table>

在.NET程序中我点击按钮显示一个div 并往这个div中写入不确定个数的table，我怎么才能得到多个table中的 单选 radio选择的值；请注意上面的 id和 name都是在变化的。

跪求高手指点；最好用jQuery 解决，别的方法只要有用也行
...全文
348 14 打赏 收藏 转发到动态 举报
写回复
用AI写文章
14 条回复
切换为时间正序
请发表友善的回复…
发表回复
Splinter_ 2012-06-20
  • 打赏
  • 举报
 回复
[Quote=引用 13 楼 的回复:]
http://download.csdn.net/detail/splinter_/4382032
[/Quote]

这个是我写的已经解决的方案，并测试成功的
Splinter_ 2012-06-20
  • 打赏
  • 举报
 回复
http://download.csdn.net/detail/splinter_/4382032
天下如山 2012-06-19
  • 打赏
  • 举报
 回复
遍历里面的具体业务由你自己决定 请看下面我的小列子:


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<script type="text/javascript" 

src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<script type="text/javascript">

function checks() 

{

    $("input:radio:checked").each(function() { alert(this.value); });

}

</script>

</head>

<body>

<input type="radio" name="testradio" value="jquery获取radio的值"/>jquery获取radio的值<br /> 

<input type="radio" name="testradio1" value="jquery获取checkbox的值" />jquery获取checkbox的值<br /> 

<input type="radio" name="testradio2" value="jquery获取select的值" />jquery获取select的值<br />

<button id="go2" onclick="checks()">遍历所有选中radio的值</button>

</body>

</html>

//如上代码会弹出选中的radio的值
theks 2012-06-19
  • 打赏
  • 举报
 回复
你这样做就只能循环table取值了。

你的做法很奇怪，为什么不固定name？
控件的id是唯一的，你可以动态地生成不重复的id；
name是应该固定的，同一组radio就靠name来标识的

你的一个table就是一条“家属信息”吧，光取到选中radio的值还不够，还要跟这个table关联起来是吧？是靠name='familySex" + j + "'这个j标识的吗？
那么你循环取值之后还要判断这j是不是你想要的

是因为你的内容循环输出的吗？有很多相同的radio组比如这样


<!--这个id应该是根据数据库中的一条记录的主键生成的-->

<table id="table5788" class="myClass">

    <tr>

        <td>

            <input type='radio' name='familySex' value='男' checked='checked' />男

            <input type='radio' name='familySex' value='女' />女

        </td>

    </tr>

</table>



<table id="table8787" class="myClass">

    <tr>

        <td>

            <input type='radio' name='familySex' value='男' checked='checked' />男

            <input type='radio' name='familySex' value='女' />女

        </td>

    </tr>

</table>

...



<script type="text/javascript">

    //比如你想取某一条的“性别”选中情况

    $("#table5788 input[name=familySex]:checked").val();

    //或者循环所有的table，这里以class作为选择器

    $("table.myClass").each(function(i,n){

        $(n).find("input[name=familySex]:checked").val();   

    })



    //另外说一句，你应该尝试下以div布局

</script>
Splinter_ 2012-06-19
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 sibiyellow 的回复:]
JScript code


jQuery的代码如下：
$("input:radio").each(function(){...});//获取所有的radiobox
$("input:radio:checked").each(function(){...});//获取所有选中的radiobox
[/Quote]

如果我有不止这一个文本框中的单选按钮呐，这个div外面还有单选按钮，我用
$('input[@type="radio"][checked]').val(); 这个方法得到的值为什么是得到的控件ID 而不是控件的值
licai1210 2012-06-19
  • 打赏
  • 举报
 回复 
    <script type="text/javascript">

    //获取DIV下面所有的INPUT对象

        var radioArray = document.getElementById('你的DIV编号').getElementsByTagName('input');

        for(int i=0;i<radioArray.length;i++){

        //筛选出radio对象

            if(radioArray[i].type=='radio'){

                alert(radioArray[i]);

            }

        }

    </script>

JQ会更加简洁，直接获取DIV下面的radio对象就好了
天下如山 2012-06-19
  • 打赏
  • 举报
 回复 


jQuery的代码如下：

$("input:radio").each(function(){...});//获取所有的radiobox

$("input:radio:checked").each(function(){...});//获取所有选中的radiobox
天下如山 2012-06-19
  • 打赏
  • 举报
 回复
遍历radio
比如:


 jQuery的代码如下：

 $(":radio").each(function(){...});//获取所有的radiobox

 $(":radio:checked").each(function(){...});//获取所有选中的radiobox
天下如山 2012-06-19
  • 打赏
  • 举报
 回复
呵呵 解决了就好。
Splinter_ 2012-06-19
  • 打赏
  • 举报
 回复
<script type="text/javascript">
var j = 1; //定义j 标识radio按钮中的name属性，避免name相同的时候选择男女变化
function AddInputArea() {
var div = document.createElement("<div>");
div.innerHTML = "<table class='tablefamily'><tr><td>家属姓名</td><td><input type='text' name='inputName' /></td><td>证件号码</td><td><input type='text' name='inputSum' /></td><td>性别</td><td><input type='radio' name='familySex" + j + "' value='男'/>男</td><td><input type='radio' name='familySex" + j + "' value='女'/>女</td></tr></table>";
document.getElementById("familydiv").appendChild(div);
j++;
}
function GetAddInput() {
var names = document.getElementsByName("inputName");
genders = document.getElementsByName("inputSum");
// 查找class为tablefamily中input为radio的选择的(checked)值
familysexs = $(".tablefamily input:radio:checked").each(function() { this.value });
for (var i = 0; i < names.length; i++) {
document.getElementById("names").value += names[i].value + ",";
document.getElementById("sums").value += genders[i].value + ",";
document.getElementById("sexs").value += familysexs[i].value + ",";
}
}
</script>

已经解决了，谢谢各位大神指点
Splinter_ 2012-06-19
  • 打赏
  • 举报
 回复
[Quote=引用 8 楼 的回复:]
根据你的描述
不知道你的table 以及input表单是咋样生成的。
下面我描述2中情况
1、在参会人员信息里面选择携带家属 是否有几个家属的标识 然后根据这个数量自动生成table 以及 input表单，以及id是根据name+i来生成，如果是这样生成的话 你完全可以遍历for(int j=0;j<i;j++)然后根据id直接获取表单的值 存入容器(数组 或json类型字符串) 然后点保……
[/Quote]

麻烦这位大神 给看看！谢谢了！
Splinter_ 2012-06-19
  • 打赏
  • 举报
 回复
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Registration.aspx.cs" Inherits="Front_Registration" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<head id="Head1" runat="server">
<title>无标题页</title>
<meta http-equiv="Content-Type" content="text/html;" charset="UTF-8" />

<asp:Literal ID="LiteralCssFile" runat="server"></asp:Literal>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>

<script type="text/javascript">
function xianshi() {
if ($("#radbutFamily5").attr("checked")) {
$("#familydiv").css("display", "block");
$("#radbutFamily6").removeAttr("checked");
$("#radbutFamily5").attr("checked", "checked");
}
else if ($("#radbutFamily6").attr("checked")) {
$("#familydiv").css("display", "none");
$("#radbutFamily5").removeAttr("checked");
$("#radbutFamily6").attr("checked", "checked");
}
}
</script>

<script type="text/javascript">
var j = 1;
function AddInputArea() {
var div = document.createElement("<div>");
div.innerHTML = "<table id='tablfam'><tr><td>家属姓名</td><td><input type='text' name='inputName' /></td><td>证件号码</td><td><input type='text' name='inputSum' /></td><td>性别</td><td><input type='radio' name='familySex" + j + "' value='男'/>男</td><td><input type='radio' name='familySex" + j + "' value='女'/>女</td></tr></table>";

document.getElementById("familydiv").appendChild(div);
j++;

}

function GetAddInput() {
var names = document.getElementsByName("inputName");
genders = document.getElementsByName("inputSum");
familysexs = $("input:radio:checked").each(function() { alert(this.value); });
for (var i = 0; i < names.length; i++) {
document.getElementById("names").value += names[i].value + ",";
document.getElementById("sums").value += genders[i].value + ",";
document.getElementById("sexs").value += familysexs[i]+ ",";
}
}
</script>

</head>
<form id="form1" runat="server">
<asp:scriptmanager id="ScriptManager1" runat="server" enablescriptglobalization="true"
enablescriptlocalization="true">
</asp:scriptmanager>
<asp:updatepanel id="UpdatePanel1" runat="server">
<ContentTemplate>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="70%">
<asp:Label ID="lblMessage" runat="server" Text="" CssClass="success"></asp:Label>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="tabForm">
<tr>
<td align="center" colspan="2" >
<h1 style="font-size: 25px">报名 </h1> </td>
<tr>
<td class="dataLabel" width="12%">
姓名: 
</td>
<td width="28%">
<asp:TextBox ID="txtInfoName" runat="server" MaxLength="50" TabIndex="0"
Width="150"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtInfoName" ErrorMessage="不能为空"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td class="dataLabel" width="12%">
性别:
</td>
<td width="28%">
<asp:RadioButton runat="server" ID="radbutSex1" Font-Size="Medium" Text="男"
GroupName="group1" > </asp:RadioButton>
<asp:RadioButton runat="server" ID="radbutSex2" Font-Size="Medium" Text="女" GroupName="group1"> </asp:RadioButton>
</td>
</tr>

<tr>
<td class="dataLabel" width="12%" >
是否携带家属:
</td>
<td width="28%">
<asp:RadioButton runat="server" ID="radbutFamily5" Font-Size="Medium" Text="是" GroupName="group3" onclick="xianshi()"> </asp:RadioButton>
<asp:RadioButton runat="server" ID="radbutFamily6" Font-Size="Medium" Text="否" GroupName="group3" onclick="xianshi()"> </asp:RadioButton>
<div id="familydiv" style="display:none">
<asp:HiddenField ID="names" runat="server" />
<asp:HiddenField ID="sums" runat="server" />
<asp:HiddenField ID="sexs" runat="server" />
<input type="button" value="增加" Height="29px" Width="49px" onclick="AddInputArea()" />
</div>
</td>
</tr>

</tr>
</table>
<table width="100%" border="0" cellspacing="1" cellpadding="0" class="tabForm">
<tr >
<td width="50%" align="right">
<asp:Button ID="btnAdd" runat="server" Text="提交" CssClass="button" OnClientClick="return GetAddInput()" OnClick="btnAdd_Click" />
</td>
<td width="50%" align="left">
<asp:Button ID="btnClear" runat="server" Text="清空" CssClass="button" OnClick="btnClear_Click" />
</td>
</tr>
</table>
</ContentTemplate>
</asp:updatepanel>
</form>

奉上我描述的源码，请高手指导！谢谢！
天下如山 2012-06-19
  • 打赏
  • 举报
 回复
根据你的描述
不知道你的table 以及input表单是咋样生成的。
下面我描述2中情况
1、在参会人员信息里面选择携带家属 是否有几个家属的标识 然后根据这个数量自动生成table 以及 input表单，以及id是根据name+i来生成，如果是这样生成的话 你完全可以遍历for(int j=0;j<i;j++)然后根据id直接获取表单的值 存入容器(数组 或json类型字符串) 然后点保存的时候依次保存到2表。
2、在参会人员信息里面选择携带家属 但是没有几个家属的标识 只出现一个table 但是界面会有再次添加家属的按钮,这样的话 你依然可以定义一个全局变量i 当点击再次添加家属的时候,根据i++像第一种情况那样(规则)生成table 以及input表单,然后取值如上。
Splinter_ 2012-06-19
  • 打赏
  • 举报
 回复
我这个项目是做一个参会报名系统，每个参会人报名的时候可以选择是否携带家属，点击选择携带家属的单选按钮的时候，弹出一个div，并显示家属信息；但是家属人数不确定，还有家属的性别要用单选按钮选择；把所有参会信息输入完毕，点击提交按钮，分别把参会人信息和家属信息分别插入两个 不同的 people 和family 表中
单选框radio点击选中、取消选中
单选框radio点击选中、取消选中
php怎么套入div,thinkphp里面怎么实现弹出div并传到后台可以存进数据库，望大神帮助。...
这是我的前台页面，用thinkphp写的，没用的居多，我想实现如图的效果应该怎么搞，希望大神可以提供个思路，我的问题主要是传值的是把那些值都获取到...最好可以来代码，代码太麻烦的话可以来思路，望大神指点一二...
g-sensor bmc156数据传输流程（compass部分）
刚入门的小白第一次写博客，望各路大神指点 一、硬件电路 二、设备树Msm8909.dtsi Master i2c_1: i2c@78b5000 { /* BLSP1 QUP1 */ compatible = "qcom,i2c-msm-v2"; #address-cells = ; #size-cells = ;
ASP.NET MVC4 +EF+ EasyUI实现 动态菜单
欢迎大神们拍砖和指点！ 话不多说，进入正题： 设计了一个数据库表： 在设计的时候每一个菜单的子菜单最多能添加 99 个，子菜单编号根据父菜单编号拼接上同级子菜单的个数。 这里因为要用到Easyui，一些子段...
安卓练习之——记账软件
如果有不足的地方，希望看到的大神给予指点建议，不胜感激！1.页面介绍：左侧侧滑菜单，实现功能还在施工，可以加一些设置之类。 首页使用ViewPager+Fragment分为两页，首页实现总账目，第二页实现记账和查看账单...
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章