Question

jquery 设置 checkbox选择行的input 为不可以编辑状态

我 想 在页面加载的时候 把 checkbox 为选择的一行的 input 设置为 disabled 或者 readonly

Answer 1

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文件，点击按钮，查看结果，就完成了。

Answer 2

这个得做个循环吧
经过测试这个 就可以
<span><input type="checkbox" checked="checked" /><input type="text" value="1" /><input type="text" value="2" /></span>
<span><input type="checkbox" /><input type="text" value="3" /><input type="text" value="4" /></span>
<span><input type="checkbox" checked="checked" /><input type="text" value="5" /><input type="text" value="6" /></span>

<script type="text/javascript">
$('input:checkbox').each(function(){
if($(this).is(':checked')){
$(this).nextAll('input:text').attr('disabled',true);
}
})
</script>

Answer 3

$(function(){$(':checkbox:selected').parent().attr('disabled',true);});

追问

这个不行！页面加载的时候，把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);});

Answer 4

<input class="int" type="checkbox" />
$(".int").attr("disabled","disabled").attr("checked","checked");

追问

一个表格 里面有很多 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");

追答

//获取chcekbox 所在的 行,$(this)在这里表示chcekbox元素
$(this).closest("tr");