我 想 在页面加载的时候 把 checkbox 为选择的一行的 input 设置为 disabled 或者 readonly
jquery设置checkbox选择行的input,为不可以编辑状态,是设置错误造成的,解决方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,在p标签内,使用input标签创建一个checkbox选项和一个文本框,并且文本框设置默认值。
3、在test.html文件内,给每一个checkbox类型input元素设置name属性,统一设置为ck,主要用于下面通过该name获得input对象。
4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“获得input值”。
5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数。
6、最后在浏览器打开test.html文件,点击按钮,查看结果,就完成了。
这个不行!页面加载的时候,把checkbox 为选择状态的 input 设置为只读!
追答$(function(){$(':checkbox:selected').attr('disabled',true);});
追问还是不行,我可以得到 当前一行的checkbox 为 checked 或者没有checked,怎么设置 这行的input呢?怎么的到这一行tr的 parentne ?,然后 用parent.next().attr(disabled)!加载完 表格,checkbox 的点击事件是 $(this)
追答$(function(){$(':checkbox:selected').parents('tr:first').next().find('input').attr('disabled',true);});
本回答被提问者采纳一个表格 里面有很多 tr ,tr 里面 第一个是checkbox ,后面是三个input,在表格加载的时候如果checkbox 是选中状态,所在行的 input 为只读
追答
var int =$("tr td").first().find("input:checkbox");
if(int.attr("checked")){
$("tr td").find("input:text").attr("readonly","readonly");
}
怎么获取chcekbox 所在的 行 ,checkbox 点击事件是这样写的:
if ($(this).attr("checked") == false) {
$(this).parent().next().next().children("input").attr("disabled", "disabled");