小白, 怎么点击tr后改变单选框状态,并改变本行的文字颜色-JavaSript-爱易网页

小白, 怎么点击tr后改变单选框状态,并改变本行的文字颜色

日期：2014-05-16　浏览次数：20350 次

小白求助, 如何点击tr后改变单选框状态,并改变本行的文字颜色
做一个练习
代码如下



<script>

function sele_record(sele_tr){

	$(sele_tr).css("color","#f11");

//下面不知道怎么写了

        $(sele_tr).firstChild().firstChild().attrib("chicked","chicked

}

</script>

<body>

<table>

<tr   onclick="sele_record(this)" >

<td><input type="radio"  name="t_table " value="002" /> </td>

<td>002</td><td>abc</td><td>def</td>

<tr>

<tr   onclick="sele_record(this)" >

<td><input type="radio"  name="t_table " value="003" /> </td>

<td>003</td><td>abc</td><td>def</td>

<tr><tr   onclick="sele_record(this)" >

<td><input type="radio"  name="t_table " value="004" /> </td>

<td>004</td><td>abc</td><td>def</td>

<tr><tr   onclick="sele_record(this)" >

<td><input type="radio"  name="t_table " value="005" /> </td>

<td>005</td><td>abc</td><td>def</td>

<tr>

想要的效果是点击一行的任意一个TD 就把第一列的RADIO 变成选中, 把颜色变成红色;
点了另外一行时把本行的RADIO 变成选中颜色变成红色, 把原来选中的回复原来的情况;
类似与phpMyAdmin的那种风格

我只能把颜色变掉, 不会改变radio的状态, 还有怎么回复其他行的状态和颜色

HTML

------解决方案--------------------
给找了个例子

 

 

 

<!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>

 

    <title>jQuery控制table表格中Radio选中变色</title>

 

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

小白, 怎么点击tr后改变单选框状态,并改变本行的文字颜色

相关资料更多>

推荐阅读更多>