×

收集一些jQuery给基本控件的取值、赋值的基本方法

作者:前端菜鸟2018.03.09来源:Web前端之家浏览:1691评论:0
关键词:JQueryJS

收集一些jQuery给基本控件的取值、赋值的基本方法。

TEXTBOX:

var str =$("#txt").val(); 

$("#txt").val(Value); 

//文本框,文本区域: 

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

$("#text_id").attr("value",'test');//填充内容
LABLE:
var str =$("#lbl").text(); 

$("#lbl").text(Value); 

/*获取单选按钮的值*/ 

var valradio =$("input[@type=radio][@checked]").val(); 

/*获取一组名为(items)的radio被选中项的值*/ 

var item =$('input[@name=items][@checked]').val(); 

/* 获取复选框的值*/ 

var checkboxval =$("#checkbox_id").attr("value"); 

/* 获取下拉列表的值*/ 

var selectval =$('#select_id').val();
多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选 

$("#chk_id").attr("checked",true);//勾选 

if($("#chk_id").attr('checked')==true)//判断是否已经选中
单选组radio:
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select:

$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项 

$("testtest2").appendTo("#select_id")//添加下拉框的 option 

$("#select_id").empty();//清空下拉框 

获取一组名为 (items)的radio被选中项的值 

var item =$('input[@name=items][@checked]').val();//若未被选中 则val() = undefined 

获 取select被选中项的文本 

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

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

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

radio单选组的第二个元素为当前选中值 

$('input[@name=items]').get(1).checked= true;
重置表单
$("form").each(function(){ 

.reset(); 

}); 

以下是设置img的路径 

$("#img1").attr("src","Imges/test.jpg");
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://jiangweishan.com/article/svg1488124800741.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • admin

    关于微信小程序,后面会出一些文章的,请关注网站更新。。。...

  • webred

    博主可以分享点小程序的文章......

  • 访客

    可以用。...

  • admin

    可以的,可以联系下QQ,或者加群。...

  • admin

    可以的,可以联系下QQ,或者加群。...

  • Web前端技能

    申请交换友链,可以吗...

  • 访客

    代码不可以用...

  • asidl

    这个DEMO应该再细点更好。。。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero