从2 textarea和4个复选框中收集数据

时间:2012-06-12 14:10:09

标签: jquery

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

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

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

我如何在这些之间建立关系..所以当我得到textarea(有id)时,我也得到了其他两个复选框的2个id(我已经为那些人传递了id)如果它们是检查。

谢谢。

我希望这是有道理的。

以下有两个相同的

1 个答案:

答案 0 :(得分:2)

最好让他们有一些共同点,你可以用来识别一组元素。我现在有两种方法可以提出:

  1. 在正常课程之后为每个元素提供相同的课程。例如,class="checkBox1 one"表示复选框,class="textArea one"表示文本区域。

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

  3. 如果您使用我喜欢的第二个,您可以轻松制作适用于每一个的活动:

    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("");
    });
    
相关问题