input标签、radio标签、checkbox标签、select标签

设置input文本框不能修改

方式一：在标签中加入disabled="disabled" 属性。

方式二：在标签中加入readonly="readonly" 属性。

方式三：在js中引用：

$("#form input").each(function (i){

$(this).attr("disabled","disabled");

});

radio标签：

1、获取一组radio被选中项的值

var item = $('input[name=items][checked]').val();  或  $("input[type=radio][checked]").val();   或 $("input[name='items']:checked").val();   

$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 
或 $('input:radio[name=radio_name]:checked').val(); 

2、radio单选组的第二个元素为当前选中项

$('input[@name=items]').get(1).checked = true;   或  $('input[name=items]').attr("checked", '1′);

3、radio的value = 'val'的元素为当前选中项

$('input[name=items] [value='val']').attr("checked","checked");

checkbox标签：

1、获取checkbox被选中项的值

$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

或 $("input[name='checkbox_name'][checked]");

如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).each(function(){

arrChk+=this.value +”,";

});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)

2、checkbox的第二个元素被选中

$("input[name=items]").get(1).checked = true;  //打勾
$("input[name=items]").get(1).checked = false;  //不打勾

3、在checkbox的value='val'的元素前打勾

$("input[name=item][value='val']").attr("checked",true);  或 $("input[name=item][value='val']").attr("checked","checked");

4、判断复选框是否被选中：

<scripttype="text/javascript">

//等待dom元素加载完毕.

$(document).ready(function(){

       var$cr = $("#cr");  //jQuery对象

       varcr = $cr.get(0); //DOM对象，获取 $cr[0]

       $cr.click(function(){

              if(cr.checked){ //DOM方式判断

                     alert("感谢你的支持!你可以继续操作!");

              }

       })

或

$cr.click(function(){

              if($cr.attr(checked)){//jqery方式判断该对象是否有被选中的属性

                     alert("感谢你的支持!你可以继续操作!");

              }

       })});

或

$cr.click(function(){

       if($cr.is(":checked")){ //jQuery方式判断

              alert("感谢你的支持!你可以继续操作！");

       }

})

</script>

6、全选、全不选、反选

$(function(){

     //全选

    $("#CheckedAll").click(function(){

            $('[name=items]:checkbox').attr('checked',true);

        });

        //全不选

    $("#CheckedNo").click(function(){

          $('[type=checkbox]:checkbox').attr('checked', false);

        });

        //反选

    $("#CheckedRev").click(function(){

                $('[name=items]:checkbox').each(function(){

                     //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。

                     //$(this).attr("checked",!$(this).attr("checked"));

                    

                     //直接使用JS原生代码，简单实用

                     this.checked=!this.checked;

                });

        });

        //被选中的输出值

       $("#send").click(function(){

              varstr="你选中的是：\r\n";   //实现换行

              $('[name=items]:checkbox:checked').each(function(){

                     str+=$(this).val()+"\r\n";

              })

              alert(str);

       });

  })

select标签：

1、获取select被选中项的文本

var item = $("select[@name=items] option[@selected]").text(); 或 $("select[name=items]").find("option:selected").text();

var item = $("select[name=items] option[selected]").text();

2、select下拉框的第二个元素为当前选中值

$('#select_id')[0].selectedIndex = 1;

3、select下拉框value = 'val'的元素为当前选中项

$("select[name=items] option[value='val']").attr("selected","selected");

4、获取下拉框select的value值

$('select').val();

5、下拉框select选中的text 值

$("select").find("option:selected").text();

1、文本框或文本区域获取value值：

$("#txt").attr("value");

2、文本框,文本区域清空内容:

$("#txt").attr("value",");  //清空内容

$("#txt").attr("value",'11′); //填充内容