锋利的jQuery-3--用js给多选的checkbox或者select赋值

单选的select:

<select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>
$("#single").val("Single2");

多选的select:

<select id="multiple" multiple="multiple">
  <option selected="selected">Multiple</option>
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>
</select><br/>
$("#multiple").val(["Multiple2", "Multiple3"]);  //注意是数组形式里边

checkbox和radio:

<input type="checkbox" value="check1"/> check1
<input type="checkbox" value="check2"/> check2
<input type="radio" value="radio1"/> radio1
<input type="radio" value="radio2"/> radio2
$("input").val(["check2", "radio1"]);  //可以同时选两种
时间: 2024-11-17 09:15:23

锋利的jQuery-3--用js给多选的checkbox或者select赋值的相关文章

锋利的jQuery——利用is(“:checked”)判断多选框是不是被选中

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="checkbox" id="mybox" ><label for="mybox">我已经阅读了上面制度</la

《锋利的jquery》源码整理——jquery技巧上

        在看<锋利的jquery>这本书的时候,书末尾总结了jquery的一些用法技巧,感觉很实用,先收藏着以后用到,可以借鉴看看.   一,资源(在w3cfuns资源中可以找到第一版和第二版)          <锋利的jquery>: http://pan.baidu.com/share/link?shareid=1725756399&uk=4245516461(PDF)                                        http:/

某网站品牌的列表效果(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>某网站品牌的列表效果</title> <script src="jquery-1.7.1.min.js" type

使一个特定的表格隔行变色(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>使一个特定的表格隔行变色</title> <script src="jquery-1.7.1.min.js" ty

复选框的全选(引自锋利的jQuery)

1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta name="generator" content="text/html" charset="utf-8" /> 5 <title>复选框组的全选/非全选</title> 6 <script

给网页中的元素添加onclick事件(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>给网页中的元素添加onclick事件</p></title> <script src="jquery-1.7.1

输出选中的复选框的个数(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>输出选中的复选框的个数</title> <script src="jquery-1.7.1.min.js" typ

《锋利的Jquery》

一.Js及库的异同和作用. 1.JQuery的代码风格: 链式操作风格.对于同一对象操作不超过三个,可以写成一行:对于较多操作的对象,每行一个操作:对于多对象少量操作,可以每个对象些一行,子对象缩进: 代码注释.//..... 2.JQuery对象和DOM对象: JQuery对象和DOM对象之间的转化.var $cr=$("#cr")----->var cr=$cr[0]; DOM对象和JQuery对象之间的转化.$()包起来: JQuery判断:is(":checke

锋利的jQuery第一章

以前总是感觉js,html,css,jquery这些东西太繁杂,看着都头晕,想着做后台,不用管这些东西,可是工作之中发现,很多前台后台结合 的地方,比如通过ajax发送到后台,如果不懂得jQuery,感觉很被动,于是,我也不管那么多了,从现在开始学习jQuery了. 我喜欢看书本学习,以后博客将记录我学习的笔记: 1,window.reload()和$(document).ready()的区别: 2,有关菜单的代码: <!DOCTYPE html PUBLIC "-//W3C//DTD X