<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="JS/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(function(){
var s = $("input:checkbox");
s.each(function(i) {
$(this).click(function(){
if($(this).is(':checked')){
$(this).parent().next().append("<input type='text' />");
}
if(!$(this).is(':checked')){
$(this).parent().next().empty();
}
});
});
})
</script>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<th>Month</th
checkbox选中复选框,添加文本框可编辑,不选中,则不可编辑
最新推荐文章于 2024-08-01 10:58:04 发布
本文介绍如何实现当checkbox被选中时,动态添加可编辑的文本框;反之,若未选中,则文本框变为不可编辑状态。通过复选框的改变事件来控制文本输入的权限。
摘要由CSDN通过智能技术生成