现在有一个表格,当我选择checkbox时,同是会出现高亮的效果!我选择一个checkbox时,是可以的,当我选择第二个checkbox,第一个checkbox和第二个都是选中状态(高亮效果是好的),我用radio可以达到,我每个radio都加了name;关键代码:"[name=ra]:radio").attr("checked"),但是checkbox加了却不行!<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<style type="text/css">
.odd
{
background:#fafafa;
}
.even
{
background:#f0f0f0;
}
table
{
border:0;
border-collapse:collapse;<%--合并单元格--%>
}
th,td
{
width:100px;
text-align:left;
}
.selected
{
background:blue;
}
</style>
<script type="text/javascript" src="jquery-1.3.2-vsdoc2.js"></script>
<script type="text/javascript">
$(function() {
$("tbody>tr:odd").addClass("odd"); //先排除第一行,然后给奇数行添加样式
$("tbody>tr:even").addClass("even"); //先排除第一行,然后给偶数行添加样式
$('tbody>tr').click(function() {
$(this)
.addClass('selected')
.siblings().removeClass('selected')
.end()
.find("[name=ra]:checkbox").attr("checked"); //记住要加name属性 });
});
</script>
</head>
<body>
<table>
<thead>
<tr><th></th><th>姓名</th><th>性别</th><th>暂住地</th></tr>
</thead>
<tbody>
<tr><td><input type="checkbox" name="ra" id="ra1" /></td><td>张三</td><td>女</td><td>湖南长沙</td></tr>
<tr><td><input type="checkbox" name="ra" id="Radio1" /></td><td>李四</td><td>男</td><td>湖北武汉</td></tr>
<tr><td><input type="checkbox" name="ra" id="Radio2" /></td><td>王五</td><td>女</td><td>陕西西安</td></tr>
<tr><td><input type="checkbox" name="ra" id="Radio3" /></td><td>赵六</td><td>男</td><td>dfdsfdsf</td></tr>
</tbody>
</table>
</body>
</html>
当我把checkbox改成radio效果是可以的,,请问代码怎么修改
<head runat="server">
<title></title>
<style type="text/css">
.odd
{
background:#fafafa;
}
.even
{
background:#f0f0f0;
}
table
{
border:0;
border-collapse:collapse;<%--合并单元格--%>
}
th,td
{
width:100px;
text-align:left;
}
.selected
{
background:blue;
}
</style>
<script type="text/javascript" src="jquery-1.3.2-vsdoc2.js"></script>
<script type="text/javascript">
$(function() {
$("tbody>tr:odd").addClass("odd"); //先排除第一行,然后给奇数行添加样式
$("tbody>tr:even").addClass("even"); //先排除第一行,然后给偶数行添加样式
$('tbody>tr').click(function() {
$(this)
.addClass('selected')
.siblings().removeClass('selected')
.end()
.find("[name=ra]:checkbox").attr("checked"); //记住要加name属性 });
});
</script>
</head>
<body>
<table>
<thead>
<tr><th></th><th>姓名</th><th>性别</th><th>暂住地</th></tr>
</thead>
<tbody>
<tr><td><input type="checkbox" name="ra" id="ra1" /></td><td>张三</td><td>女</td><td>湖南长沙</td></tr>
<tr><td><input type="checkbox" name="ra" id="Radio1" /></td><td>李四</td><td>男</td><td>湖北武汉</td></tr>
<tr><td><input type="checkbox" name="ra" id="Radio2" /></td><td>王五</td><td>女</td><td>陕西西安</td></tr>
<tr><td><input type="checkbox" name="ra" id="Radio3" /></td><td>赵六</td><td>男</td><td>dfdsfdsf</td></tr>
</tbody>
</table>
</body>
</html>
当我把checkbox改成radio效果是可以的,,请问代码怎么修改
解决方案 »
- Ajax程序发给别人总是出错,郁闷。
- 在文本中选择一行的快捷键是什么?
- 页面的动态生成问题??
- 如何获取水晶报表中用数据库绑定的字段的text?
- 求救!!上传图片:上传成功覆盖图片,文件变了,为什么IE浏览出来的还是上一次!
- ?★★★送分快来抢★★★:急寻支持oracle数据库的asp.net(能应用于vs.2003)分页控件,提供首页,尾页,上页,下页,转到某页的翻页功能
- WebEditor的老问题
- 请问c#如何循环获取js循环生成的变量的值?
- 如何使用JS让页面上的时间一秒钟更新显示一下?
- 点TEXTBOX,显示一个DIV或者PANEL,动态生成备选项目,当CLICK事件发生后,回传选中值。怎么实现?
- Linq to sql 怎么绑定属性的属性?Eval("User.Username")报错
- asp.net WEB应用程序发布
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>无标题页</title>
<style type="text/css">
.odd
{
background:#fafafa;
}
.even
{
background:#f0f0f0;
}
table
{
border:0;
border-collapse:collapse;<%--合并单元格--%>
}
th,td
{
width:100px;
text-align:left;
}
.selected
{
background:blue;
}
</style> <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("tbody>tr:odd").addClass("odd"); //先排除第一行,然后给奇数行添加样式
$("tbody>tr:even").addClass("even"); //先排除第一行,然后给偶数行添加样式
$('tbody>tr').click(function() {
$(this)
.addClass('selected')
.siblings().removeClass('selected')
.end()
.find("input[name='aa']").attr("checked"); //记住要加name属性 });
}); </script>
</head>
<body>
<form id="form1" name="form1" runat="server">
<table>
<thead>
<tr><th></th><th>姓名</th><th>性别</th><th>暂住地</th></tr>
</thead>
<tbody>
<tr><td><input id="Radio4" type="radio" name="aa"/></td><td>张三</td><td>女</td><td>湖南长沙</td></tr>
<tr><td><input id="Radio1" type="radio" name="aa"/></td><td>李四</td><td>男</td><td>湖北武汉</td></tr>
<tr><td><input id="Radio2" type="radio" name="aa"/></td><td>王五</td><td>女</td><td>陕西西安</td></tr>
<tr><td><input id="Radio3" type="radio" name="aa"/></td><td>赵六</td><td>男</td><td>dfdsfdsf</td></tr>
</tbody>
</table> </form>
</body>
</html>