js给img的src赋值
不用Jquery时:document.getElementById("imageId").src = "xxxx.jpg";
用Jquery时:$("#imageId").attr("src","xxxx.jpg");
给img属性alt赋值:document.getElementById("imageId").alt = "xxxx图片";
Base64 在CSS中的使用
.demoImg{ background-image: url("https://img-blog.csdnimg.cn/2022010616574962347.jpg"); }
Base64 在HTML中的使用
<img width="40" height="30" src="https://img-blog.csdnimg.cn/2022010616574962347.jpg" />
js给div或者td赋值
document.getElementById("div2").innerText="值";
document.getElementById("div2").innerHTML="值";
js给input框赋值
如下所示,是一个文本框的html代码,实际开发中,要涉及到将数据库中的数据取出然后放入input框中。

<input  id="name"  name="teacherName" type="text"  />
通过以下js代码可以实现对input文本框进行赋值,以下方法分别针对不同的情况,但是前两种是通用的。
                $('#name1').val('值');
                document.getElementById('name').value='值';
                document.getElementById('name').html('值');
                document.getElementById('name').attr('值');
                document.getElementById('name').innerText = '值';

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
获 取一组radio被选中项的值 

var item = $('input[@name=items][@checked]').val(); 
获 取select被选中项的文本 
var item = $("select[@name=items] option[@selected]").text(); 
select下拉框的第二个元素为当前选中值 
$('#select_id')[0].selectedIndex = 1; 
radio单选组的第二个元素为当前选中值 
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value"); 
多选框 checkbox:$("#checkbox_id").attr("value"); 
单选组radio:   $("input[@type=radio][@checked]").val(); 
下拉框select: $('#sel').val();

控制表单元素: 
文本框,文本区域:$("#txt").attr("value",'');//清空内容 
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
$("#chk2").attr("checked",true);//打勾 
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组 radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
下拉框 select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
$("#sel").empty();//清空下拉框

JS jQuery 赋值取值整理相关推荐

  1. js (jQuery) 之 取值

    2019独角兽企业重金招聘Python工程师标准>>> 都是一些老生常谈,没什么新东西,算是开发过程中不知道怎么写去百度的一些东西 .都说程序员写博客是一个好习惯,算是一份保存笔记, ...

  2. jquery简单赋值取值

    jquery简单赋值取值 jQuery 取值.赋值的基本方法 2018年05月05日 ⁄ 综合 ⁄ 共 5260字 ⁄ 字号 小 中 大 ⁄ 评论关闭 /获得TEXT.AREATEXT的值/ var ...

  3. jQuery循环赋值 取值

    jQuery循环赋值 取值 for循环 for (var i = 0; i < files.length; i++) {var item = $("<div class=\&qu ...

  4. ASP.Net TextBox只读时不能通过后台赋值取值

    ASP.Net TextBox只读时不能通过后台赋值取值 今天在开发一个asp.net的页面遇到了TextBox设置了ReadOnly属性,在js中赋值后,后台代码取不到值的情况,经过在网上查找,找到 ...

  5. jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中

    例:将多个选中的checkbox的值组装成一个字符串 <script type=text/javascript> function addMem(){ //var followers = ...

  6. 项目开发中常用JS表单取值方法

    项目开发中常用JS表单取值方法 一.常用表单基本取值方法(form1为表单名称,TextBox1为控件ID,以文本框为例,html控件与web服务器控件是一样的)         1.form1.Te ...

  7. TextBox只读时不能通过后台赋值取值解决办法

    给页面的TextBox设置ReadOnly="True"时,在后台代码中不能赋值取值,下边几种方法可以避免: 1.不设置ReadOnly,设置οnfοcus=this.blur() ...

  8. jquery radio取值,checkbox取值,select取值,radio选中,

    jquery radio取值,checkbox取值,select取值,radio选中, var item = $('input[@name=items][@checked]').val(); 获取se ...

  9. KVC的使用(对一个对象的成员变量进行操作(赋值/取值))

    切记:请求的数据要存在相应的类中,不能在加载试图中请求数据 KVC就是对请求数据的一个简化 MainViewController.m #import "MainViewController. ...

最新文章

  1. 索引名 oracle,ORACLE 索引名称矫情
  2. mysql 去重_点赞功能,用 MySQL 还是 Redis ?
  3. [综述泛读] A survey on web services composition (IJWGS, 2005)
  4. java中img属性_如果html img的src属性无效,请输入默认图像?
  5. 晨光文具卖出去的笔能绕地球几圈?
  6. 第18章 检测点模型
  7. 随机梯度下降法(SGD)
  8. 数字通信原理笔记(一)---概述
  9. 8.23打架学习一个
  10. oppoa57升级android版本,OPPO A57刷机教程 OPPO A57升级更新系统包
  11. 数据科学技术与应用——第2章 多维数据结构与运算
  12. retrofit 响应时间_HTTP Retrofit 网络传输
  13. 【opencv图像处理】--2. 颜色空间,绘制图形,绘制(中文)文本
  14. java压缩mp4大小_压缩的mp4视频播放时间太长(exoplayer)
  15. 电信无线光猫设置方法(附以中兴F460为例)
  16. 北大计算机系研究生宿舍地址,北京大学研究生宿舍
  17. 大学物理--电磁辐射的量子理论部分
  18. Unity UI抗锯齿测试
  19. 倒卖什么赚钱?倒卖赚差价的生意[在闲鱼倒卖商品轻松月入过万]
  20. 为什么SDWAN成为了组网发展大趋势呢?

热门文章

  1. matlab sheet名字,MATLAB得到excel多个非默认sheet名_怎样利用matlab去读取一个excel表中多个sheet的数据并导入一个sheet中?...
  2. node版本、npm版本随意切换
  3. openwrt 19.07报错:module ‘luci.cbi‘ not found
  4. shell-sed命令详解
  5. 第一节:linux 开发AI算法以及libtorch部署算法详细教程-环境搭建
  6. 记一次js逆向详细过程
  7. 以下未发布-Android的多线程以及异步消息处理机制,android移动开发基础案例教程源码
  8. 高斯牛顿法----MATLAB实现
  9. 263邮件服务器地址,263企业邮箱 服务器IP汇总
  10. 使用HiFlow场景连接器查看每天处于地区的疫情