今天看啥 热点：
Jquery 实现动态添加table tr 和删除tr 以及checkbox的全选 和 获取添加TR删除TR后的数据，jquerycheckbox
关于jquery实现动态添加table tr的问题我也不多说了 上面代码很多地方都有注释的&
关于返回的 编辑后的table 数据 我这里想说的是我直接把他保存成一个连接起来的字符串了 格式 str=XXX | XXX | XXX ,&XXX | XXX | XXX ,&XXX | XXX | XXX&
你也可以保存成对象类型的 &我是为了方便后台的操作才这样做的
话不多说直接代码：
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&script src=&jquery-1.8.2.min.js& type=&text/javascript&&&/script&
&script type=&text/javascript& language=&javascript&&
var count=4;//行数ID后缀
var delid=&&;//删除的ID
var addid=&&;//添加ID的前缀
//var a= str.split(&,&);
function addTr2(tab, row){
var trHtml=&&tr id='row&+count+&' align='center'&&td width='20%'& &input id='allCkb&+count
+&' name='person' value='&+count+&' type='checkbox'/&&/td&&td width='30%'&&input type='text' value='&+count+&' id='title&+count
+&' name=''&&/td&&td width='30%'&&input type='text' id='name&+count
+&' name=''&&/td&&td width='30%'&&input type='text' id='sex&+count
+&' name=''&&/td&&/tr&&;
addTr(tab, row, trHtml);
addid+=count+&,&;
function addTr(tab, row, trHtml){
//获取table最后一行 $(&#tab tr:last&)
//获取table第一行 $(&#tab tr&).eq(0)
//获取table倒数第二行 $(&#tab tr&).eq(-2)
var $tr=$(&#&+tab+& tr&).eq(row);
if($tr.size()==0){
alert(&指定的table id或行数不存在！&);
$tr.after(trHtml);
//全选功能
//name是你点击出发chexbox的name itemname 是你要操作cheeckbox的name
function qcheckbox(name,itemname){
if($(&input[name='&+name+&']:checkbox&).attr(&checked&))
$(&input[name='&+itemname+&']:checkbox&).attr(&checked&,true);
$(&input[name='&+itemname+&']:checkbox&).attr(&checked&,false);
//chname你选择的checbox的name
function del(chname){
var chobj= $(&input[name='&+chname+&']:checkbox&);
chobj.each(function(){
if($(this).attr(&checked&)){
delid += $(this).val()+&,&;
$(this).parent().parent().remove();
function tableinfo(){
var delobj= delid.split(&,&);
var addobj= addid.split(&,&);
var str=&&;
for(var i=1;i&=3;i++){
var title=$('#title'+i).val();
var name=$('#name'+i).val();
var sex=$('#sex'+i).val();
str+=title+&|&+name+&|&+sex+&,&;
for(var j=0;j&addobj.length-1;j++){
for(var k=0;k&delobj.length-1;k++){
if(delobj[k]==addobj[j]){
var title=$('#title'+addobj[j]).val();
var name=$('#name'+addobj[j]).val();
var sex=$('#sex'+addobj[j]).val();
str+=title+&|&+name+&|&+sex+&,&;
alert(str);
&input type=&button& value=&Add& id=&b1& onclick=&addTr2('tab', -3)&&
&input type=&button& value=&Delete& onclick=&del('person');&&
&input type=&button& value=&取值& onclick=&tableinfo()&&
&table id=&tab& cellspacing=&3& cellpadding=&3& border=&1&&
align='center'&
&td width='20%'& &input id=&allCkb& onclick=&qcheckbox('qperson','person')& type=&checkbox& name=&qperson&/&&/td&
&td width='30%'& 职位&/td&
&td width='30%'& 名称&/td&
&td width='30%'& 分数&/td&
&tr id=&row1&
align='center'&
&td width='20%'& &/td&
&td width='30%'&联系人&input type=&hidden& id=&title1&
value=&联系人&/&&/td&
&td width='30%'&&input type=&text& id=&name1& name=&&&&/td&
&td width='30%'&&input type=&text& id=&sex1& name=&&&&/td&
&tr id=&row2& align='center'&
&td width='20%'& &/td&
&td width='30%'&老板&input type=&hidden& id=&title2&
value=&老板&/&&/td&
&td width='30%'&&input type=&text& id=&name2& name=&&&&/td&
&td width='30%'&&input type=&text& id=&sex2& name=&&&&/td&
&tr id=&row3& align='center'&
&td width='20%'&  &/td&
&td width='30%'&哈哈 &input type=&hidden& id=&title3&
value=&哈哈&/&&/td&
&td width='30%'&&input type=&text& id=&name3& name=&&&&/td&
&td width='30%'&&input type=&text& id=&sex3& name=&&&&/td&
&tr align=&center&&
&td width=&30%& colspan=&2&&分数合计&/td&
&td width=&30%& colspan=&2&&80&/td&
&tr align=&center&&
&td width=&30%& colspan=&2&&人员合计&/td&
&td width=&30%& colspan=&2&&80&/td&
注意要把jquery的js引用了 我这里的jquer的JS是和网页放在同一级目录下的
function del(){
var tab=document.getElementById('HRSTable');
for(var i=tab.rows.length-1;i&0;i--){
if(tab.rows[i].cells[0].getElementsByTagName('input')[0].checked){
tab.deleteRow(i);
&!DOCTYPE HTML PUBLIC &-//W3C//DTD HTML 4.01 Transitional//EN& &www.w3.org/TR/html4/loose.dtd&&&html&&head&&title&&/title&&script src=&jquery-1.6.4.min.js&&&/script&&script&$(function(){$(':checkbox[name=all]').click(function(){if(this.checked){$(':checkbox').attr('checked','checked');}else{$(':checkbox').removeAttr('checked');}})$('button').click(function(){
var num = 0;$(':checkbox[name=child]').each(function(){if($(this).attr('checked')){$(this).closest('tr').remove();num++;}})alert('共删除了【'+num+'】行');})})&/script&&/head&&body&&table id=&tab&&&tr&&td&&input type=&checkbox& name=&all& /&&/td&&td&id&/td&&td&value&/td&&/tr&&tr&&td&&input type=&checkbox& name=&child&/&&/td&&td&111&/td&&td&222&/td&&/tr&&tr&&td&&input type=&check......余下全文>>
相关搜索：
相关阅读：
相关频道：
&&&&&&&&&&&&&&&&&&
WEB前端教程最近更新收藏，2.5k 浏览
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
做编辑，jquery和PHP，从后台根据ID读取的值，编辑前面的checkbox和select,怎么根据从后台取出的值，让对应的checkbox和option为选中状态、
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
&!DOCTYPE html&
&html lang="zh-CN"&
&meta charset="UTF-8"&
&title&测试&/title&
$chk = array('ch1','ch3','ch5'); //后台获取checkbox选中id的数组
$slt = 'iph';
//后台获取select选中option的value
&script type="text/javascript" src="//upcdn./libs/jquery/jquery-1.8.3.min.js"&&/script&
&script type="text/javascript"&
$(function(){
var chkData = &?php echo json_encode($chk);?&;
var sltData = '&?php echo $?&';
$('.chk').each(function(){
var self = $(this);
var selfId = self.attr('id');
$.each(chkData, function(n, v){
if(v == selfId) self.attr('checked' , 'true');
$('#select option').each(function(){
var self = $(this);
var selfVal = self.val();
if(selfVal == sltData) self.attr('selected' , 'true');
&p&&input id="ch1" class="chk" type="checkbox" value="111"&111&/p&
&p&&input id="ch2" class="chk" type="checkbox" value="222"&222&/p&
&p&&input id="ch3" class="chk" type="checkbox" value="333"&333&/p&
&p&&input id="ch4" class="chk" type="checkbox" value="444"&444&/p&
&p&&input id="ch5" class="chk" type="checkbox" value="555"&555&/p&
&div class="selectAera"&
&select id="select"&
&option value="smt"&锤子&/option&
&option value="iph"&苹果&/option&
&option value="xm"&小米&/option&
&option value="nka"&诺基亚&/option&
运行结果：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
php我不太懂，不过这个可以根据你后台传过来的值，通过js写一个判断来决定哪个checkbox或者是select将要被选中。比如
if (a == 1)
$("[name = yourcheckboxname]:checkbox").attr("checked", true);
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你这个问题描述的很不清除啊，可不可以理解为ajax修改数据？假如是这样， 那就是在选择选项的时候出发onchange事件，在这个方法里，可以发送请求发送到后台服务器，带着你读取的id，处理后返回一个数据结构，要带着你需要的值，用楼上的思路将相应的check选择状态改好就行了
同步到新浪微博
不要错过该问题的后续解决方案
如果你没找到答案，记得登录关注哦，大家会尽全力帮你解决的 ^___^
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
举报理由：
推广（招聘、广告、SEO 等）方面的内容
带有人身攻击、辱骂、仇恨等违反条款的内容
与已有问题重复（请编辑该提问指向已有相同问题）
内容质量差，或不适合在本网站出现
答非所问，不符合答题要求
其他原因（请补充说明）
补充说明：复选框checkbox表单多选,如何获取值 - JAVA WEB开发栏目()
复选框checkbox表单多选,如何获取值
&&&整理于： 09:30&&&阅读：次
复选框checkbox表单多选,怎么获取值!
比始复选框Classid,值1=a,值2=b,值3=c,值4=d
String & Classid=(String)request.getParameter( &Classid &)
out.println(Classid);
输出值是b,而不是b,c,d
那位兄弟帮忙指点下,谢谢.-----参考解决方法-------String[] Classid=(String[])request.getParameterValues( &Classid &);
-----参考解决方法------- &script&
submitAll(oThis){
oThis.Classid.
i=0;i &oData.i++){
if(oData[i].selected){
oThis.Classid.value
oData[i].value
开发者笔记
软件开发/管理/测试
企业管理/开发
嵌入式开发
高性能开发
编程语言/框架
专题项目/开发/技术
Linux/Unix}