关于JS有关问题

2012-03-17

关于JS问题在动态增加的行里面放置一个button，点击该button后触发js事件让该button所在的行的其他单元格属

关于JS问题
在动态增加的行里面放置一个button，点击该button后触发js事件让该button所在的行的其他单元格属性为只读，不可编辑状态，然后点击该button旁边的button1后触发js事件让该行的其他单元格属性为可编辑状态，

[解决办法]
你说的单元格里面是什么?单元格本身又不可编辑?
你往里面写了input?
简单点给每行的控件生成对应的名称比如 input_行号_列号,根据行号列号查找控件
智能点的,以当前按钮查找上层DOM,找到TR标签,遍历其中的input标签,设置readonly=true
[解决办法]

JScript code

<html> <head> <script src="jquery.js"></script><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script>$(document).ready(function(){    var addedTrHtml =     '<tr>' +    '<td><input type="text" /></td>' +    '<td><select><option value="1">1</option></select></td>' +    '<td><input type="button" class="enableTr ctrl" value="开启行"/></td>' +    '<td><input type="button" class="diableTr ctrl" value="关闭行"/></td>' +    '</tr>';        var tbl = $('#tbl');        $('#addTr').click(function() {        tbl.append(addedTrHtml);    });        // 取消disabled以后,根据不同的浏览器,可能会留下被disable时的样式,可以自己写一个样式,在enable的时候替换掉    $('.enableTr').live('click',function() {        var tr = $(this).parent('td').parent('tr');alert(tr.html());        tr.find('input,select').each(function(){            if(!$(this).hasClass('ctrl'))                $(this).attr('disabled',false);        });    });        $('.diableTr').live('click',function() {        var tr = $(this).parent('td').parent('tr');        tr.find('input,select').each(function(){            if(!$(this).hasClass('ctrl'))                $(this).attr('disabled',true);        });    });});</script></head> <body> <input type="button" id="addTr" value="添加行" /><table id="tbl"></table></body> </html>
[解决办法]
探讨
JScript code


<html> 
<head> 
<script src="jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>

$(document).ready(function(){
    var addedTrH……

[解决办法]
探讨
JScript code


<html> 
<head> 
<script src="jquery.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>

$(document).ready(function(){
    var addedTrH……

热点排行

J2EE开发

关于JS有关问题