jquery - 从 2 个文本区域和 4 个复选框收集数据

Question

这是我的第一篇文章，也是我第一次使用 jquery。

我已经渲染并创建了 2 个文本框和 4 个复选框。

每个文本区域有 2 个复选框

我如何在这些之间创建关系..所以当我得到 textarea （它有一个 id ）时，如果它们被选中，我也会得到另外两个复选框的 2 个 id（我也为那些复选框传递了 id）。

谢谢你。

我希望这是有道理的。

以下有2个相同

Answer 1

最好让它们有一些共同点，你可以用它来识别一组元素。我现在可以想出两种方法：

1. 在普通类之后为每个元素赋予相同的类。例如，class="checkBox1 one"对于复选框和class="textArea one"文本区域。

2. 将它们放在同一个容器中，在这种情况下，a<div>可能是最好的。

如果您使用我更喜欢的第二个，您可以轻松地制作适用于每个事件的事件：

HTML：

<div id="container1" class="container">
 <input class="checkBox1" type="checkbox"/>
 <input class="checkBox2" type="checkbox"/>
 <input type="textarea"/>
</div>

jQuery：

$('.container *').click(function(){
    alert('clicking on an element inside ' + $(this).parent().attr('id'));
});

这将导致“单击 container1 内的元素”。

其他示例是，如果您想在<textarea>单击复选框时清空：

$('.container checkbox').click(function(){
   $(this).siblings('textarea').val("");
});