Jquery 根据复选框将空值设置为textarea

我对一些jQuery代码有点问题

在我的页面中，我有以下布局：

[X] "Some text"   [textarea]
[X] "Some text 2" [textarea]
[X] "Some text 3" [textarea]

所以基本上，它只是一些复选框和一些文本区域（实际上是一个日期选择器），代码如下（用PHP生成）：

但是当我这么做的时候，所有的文本区域都被删除了

有什么想法吗？

试试这个

$('input.pack_check').change(function () {
        $(this).next(".date-picker").val("");
});

---

一旦在文档中使用了一次ID，您就无法重新声明它-如果您这样做，您将看到一些非常不标准的行为，比如您正在经历的行为

这就是我要做的：

$('input.pack_check').click(function() {
    if (!this.checked) {
        $(this).nextAll('input:first').val('');
    }
});

---

对于不同的元素，你不应该有相同的

id

。OK，我误读了这个问题，检查更新版本，它应该适合你。。。另外，在复选框上使用click（）而不是change（）事件，因为它们仅在您从MSIEALO中的活动复选框中单击其他位置时触发change（）事件，所以您的值属性中缺少一个结束引号：我尝试了您上次的编辑，但它不起作用。我还尝试了alert（）选择器

alert（$（this）.nextAll（'input:first'）.val（''）的值，但它仍然是“未定义的”，谢谢您的回答！）我添加了一个复选框，以查看复选框是否也被选中。。。看看这个JSBin示例：您的JSBin在Firefox上运行良好，但我甚至无法用IE8加载页面。我的问题是否可能来自此浏览器？由于我办公室计算机上的一些限制性权利和代理，我无法在Firefox/Chrome上测试我的站点，代理的配置只允许我在IE中打开我的本地主机。
$('input.pack_check').change(function () {
        $(this).next(".date-picker").val("");
});

$('input.pack_check').click(function() {
    if (!this.checked) {
        $(this).nextAll('input:first').val('');
    }
});