在复选框列表中选中复选框后启用输入字段
Enable input field after checkbox is checked in list of checkboxes
我有一个数据列表从数据库获取,我想启用输入字段选中复选框。然而,它只适用于第一行。下面是HTML代码:
<?php
require_once('inc/config.php');
include 'verification/verify_form_details.php';
?>
<html>
<head>
<title>getElementById example</title>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
</head>
<body>
<?php
$result2 = getProcessID();
?>
<label>Process: <small style="color:red;">*</small>
<?php
while ($row = mysql_fetch_array($result2))
{
$row[0] = cleanOutputData($row[0]);
?>
<div>
<label>
<input type="checkbox" class="checkbox" name="process[]" id=<?php echo $row[0] ?> value=<?php echo $row[0]?> /><?php echo $row[0] ?>
</label>
<label>
<input type="text" class="field" disabled name="number[]" id=<?php echo $row[0] ?> />
</label>
</div>
<?php
}
mysql_free_result($result2);
?>
</label>
</body>
</html>
和javascript函数:
<script>
$(document).ready(function () {
$('.checkbox').change(function() {
$('.field').attr('disabled',!this.checked)
});
});
</script>
你知道怎么做吗?谢谢你
$('.checkbox').change(function() {
$(this).parent().next().find('.field').prop('disabled', !$(this).is(':checked'))
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
<input type="checkbox" class="checkbox" name="process[]" id=v alue=/>
</label>
<label>
<input type="text" class="field" disabled name="number[]" id=/>
</label>
<label>
<input type="checkbox" class="checkbox" name="process[]" id=v alue=/>
</label>
<label>
<input type="text" class="field" disabled name="number[]" id=/>
</label>
<label>
<input type="checkbox" class="checkbox" name="process[]" id=v alue=/>
</label>
<label>
<input type="text" class="field" disabled name="number[]" id=/>
</label>
- 用class代替ID
- 使用此上下文来引用已更改的元素
相关文章:
- 根据复选框输入过滤深层对象
- 将复选框输入组映射到AngularJS数组
- 在angularjs复选框输入中更新ng模型或执行ng更改之前需要确认
- 将复选框输入从PHP传递到JavsScript
- 如何将 jQuery has() 与复选框输入一起使用
- Javascript 数据仅提取数组的第一项,该数组放入使用 iCheck 复选框输入的数据名称字段中
- 如何从复选框输入发送多个值
- 引导开关不适用于动态创建的复选框输入
- 在提交之前将一堆复选框输入附加到表单,然后隐藏它们
- 在 JavaScript 中分解复选框输入值
- 如何将自定义切换控件附加到复选框输入
- 显示基于HTML 5复选框输入的项目
- 如何循环浏览页面上的所有单选或复选框输入,并返回返回的值组合
- Angularjs ng禁用了几个复选框输入按钮
- 多个复选框输入到文本区域 - 添加文本 - 从文本区域中删除文本
- 不发送隐藏复选框输入值:(
- 如何循环通过单选/复选框输入,并将选中的id推送到数组
- Angular的复选框输入ng-click从未被调用
- 复选框输入的布尔值
- 表单与复选框输入字段,反之亦然-缺少第一个值