checkbox 控制文本框的输入

mkhsj 2015-07-25 06:55:42
当点击一个对应的chenckbox 复选框,让紧跟其后的 text 文本框 才可以可以输入,否则不可以输入。

<td><input class="checkbox" type="checkbox"/></td>
<td><input type="text" disabled="disabled"/></td>


<td ><input class="checkbox" type="checkbox"/></td>
<td><input type="text" disabled="disabled"/></td>


<td ><input class="checkbox" type="checkbox"/></td>
<td><input type="text" disabled="disabled"/></td>



以上不加其他id 等属性,来用jquery/js实现。谢谢了先!
...全文
189 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2015-07-25
  • 打赏
  • 举报
回复

<table>
	<tr>
		<td><input class="checkbox" type="checkbox"/></td>
		<td><input type="text" disabled="disabled"/></td>
	</tr>
	<tr>
		<td><input class="checkbox" type="checkbox"/></td>
		<td><input type="text" disabled="disabled"/></td>
	</tr>
	<tr>
		<td><input class="checkbox" type="checkbox"/></td>
		<td><input type="text" disabled="disabled"/></td>
	</tr>
</table>
<script type="text/javascript">
$(function(){
	$("input:checkbox").click(function(event){
		$(this).closest("tr").find("input:text").prop("disabled",!$(this).prop("checked"));
	});
});
</script>

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧