博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Jquery给基本控件的取值、赋值

Posted on 2010-01-26 10:47  hyd309  阅读(2632)  评论(0编辑  收藏  举报

TEXTBOX:
var str = $('#txt').val();

 $('#txt').val("Set Lbl Value");

 

  1. //文本框,文本区域:
  2. $("#text_id").attr("value",'');//清空内容
  3. $("#text_id").attr("value",'test');//填充内容

 

LABLE:  

var str = $('#lbl').text();

$('#lbl').text("Set Lbl Value");

 

  1. /*获取单选按钮的值*/
  2.    var valradio = $("input[@type=radio][@checked]").val();
  3. /*获取一组名为(items)的radio被选中项的值*/
  4.    var item = $('input[@name=items][@checked]').val();
  5. /*获取复选框的值*/
  6. var checkboxval = $("#checkbox_id").attr("value")
  7. /*获取下拉列表的值*/
  8.    var selectval = $('#select_id').val();

 

  1. //多选框checkbox:
  2. $("#chk_id").attr("checked",'');//使其未勾选
  3. $("#chk_id").attr("checked",true);//勾选
  4. if($("#chk_id").attr('checked')==true) //判断是否已经选中

 

 

  1. 单选组radio:
  2. $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
  3. //下拉框select:
  4. $("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
  5. $("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
  6. $("#select_id").empty()//清空下拉框
  7. 获取一组名为(items)radio被选中项的值
  8. var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
  9. 获取select被选中项的文本
  10. var item = $("select[@name=items] option[@selected]").text();
  11. select下拉框的第二个元素为当前选中值
  12. $('#select_id')[0].selectedIndex = 1;
  13. radio单选组的第二个元素为当前选中值
  14. $('input[@name=items]').get(1).checked = true;
  15. //重置表单
  16. $("form").each(function(){
  17.    .reset();
  18. });