jquery对表单的几种简单的操作

下面是利用jquery对表单的几种简单的操作，希望可以帮助初学者的学习。

1.点击全选，相应的复选框全部选中，再次点击，相应的复选框全不选（当全选时，取消1、2、3当中任何一个复选框，全选复选框应该同时取消，相反，如果当三个全部选中，全选复选框应该也要同时选上，在这里就不实现了），然后，点击对应按钮，就会显示对应的值。

body代码：

<div id="d4">
全选：<input type="checkbox" name="cb1" id="cb1" value="" /><button id="btn5">获取选中的值</button><br />
&nbsp;&nbsp;
1:<input type="checkbox" name="checkbox" id="child1" value="1" />
2:<input type="checkbox" name="checkbox" id="child2" value="2" />
3:<input type="checkbox" name="checkbox" id="child3" value="3" />
</div>

效果图：

jquery代码：

（1）

$('#cb1').click(function(){//点击全选，触发事件
if(this.checked){//this代表当前对象，如果选中，执行下面操作，即将1、2、3复选框选中
$('#child1').attr('checked',true);
$('#child2').attr('checked',true);
$('#child3').attr('checked',true);
}
if(!this.checked){//与上面操作相反
$('#child1').attr('checked',false);
$('#child2').attr('checked',false);
$('#child3').attr('checked',false);
}
});

（2）

$("#btn5").click(function(){
    var str1="";
               $("[name='checkbox']:checked").each(function(){
                    str1+=$(this).val()+' ';    
                });
              alert(str1);
        });   

效果图：

2.jquery获取所有文本框的值（这里只用了一个文本来展示）

body代码：

<input type="text" name="t1" id="t1" value="值" />

<button id="btn7" style="margin-left: 550px;">获取所有文本框的值</button>

效果图：

           

jquery代码：

$('#btn7').click(function(){
        var str2 = '';
        $("input[type='text']").each(function(){
        str2 += $(this).val() + " ";
        });
        alert(str2);
        });

效果图：

3.jquery获取当前选中下拉框的各个属性

body代码：

<div id="d6">
<select id="s3">
<option id="v1" value="1">值1</option>
<option id="v2" value="2">值2</option>
<option id="v3" value="3">值3</option>
<option id="v4" value="4">值4</option>
</select>
<button id="btn8">获取下拉框中选中的值</button>
  </div>

效果图：

第一种：获取select选中 的value:

$('#btn8').click(function(){
        alert($('#s3').val());
        });

效果图：

第二种：获取select 选中的 text （效果图类似，不实现）

$("#btn8").find("option:selected").text();

第三种：获取select选中的索引（效果图类似，不实现）

$("#btn8 ").get(0).selectedindex;

这里只是其中几种操作，其他操作都是大同小异，可以自己去仿造，摸索，希望大家每天都进步一点，心中有代码，杠杠的。