关于<input type="checkbox" />取值的方法

       现在很多地方都用得到 <input type="checkbox" /> 用于用户体验 对于怎么取这个后面的具体值 如：<input type="checkbox" /> 姓名    我要取这个姓名怎么取呢？

开始都会说给他一个id  不就很快能取到了 。这是可以，但是有多个呢，是不是也要写多个id重复写多次呢？这里我有个简单的实例：

              <div>

                    <input class="i1" type="checkbox" value="姓名" />姓名

                    <input class="i1" type="checkbox" value="性别"/>性别

                    <input class="s1" type="submit" value="tijiao" />

                </div>

                 <p id="p1"></p>

   假如我选到什么 点击提交的时候 要把值传到p里面去 ，这里有个简单的方法，使用JQ；

              $(".s1").click(function(){

                    var value="";

                    $(".i1").each(function() {    

                        if($(this).is(":checked")){

                            value=value+$(this).attr("value");

                        }

                    $("#p1").text(value+" ");

                    })   

                })

   这样 当我点击选择了就可以把值传到p里面去了。很快也很方便。。。