新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
复制的:
网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了芒市免费建站欢迎大家使用!
HTML 代码:
form
input type="checkbox" name="newsletter" checked="checked" value="Daily" /
input type="checkbox" name="newsletter" value="Weekly" /
input type="checkbox" name="newsletter" checked="checked" value="Monthly" /
/form
jQuery 代码:
$("input:checked")
结果:
[ input type="checkbox" name="newsletter" checked="checked" value="Daily" /, input type="checkbox" name="newsletter" checked="checked" value="Monthly" / ]
var check = $("input:checked"); //得到所有被选中的checkbox
var actor_config; //定义变量
check.each(function(i){ //循环拼装被选中项的值
actor_config = actor+','+$(this).val();
});
alert(actor_config.substr(9)+',');
通过以下js代码去获取选中项的值,在IE7中可以正确取得选中项的值,但在IE8中却得不到选中项的值,同样在Firefox 3.5.3下也得不到值,但公司同事在Firefox其他较低版本下能正确得到值,IE6下也没有问题,⊙﹏⊙b汗
$('#permissionList-body input[name="checkboxes"][checked]').each(function(i){
alert($(this).val());
});
但是把技术代码修改为:
$('#permissionList-body input[name="checkboxes"]').each(function(i){
if(this.checked)alert($(this).val());
});===========================================================================$('#permissionList-body input[name="checkboxes"][checked]')$('#permissionList-body input[name="checkboxes"][checked='checked']')这两种写法支持IE$('#permissionList-body input[name="checkboxes"][checked='true']')
这种支持firefox
没有找到好的解决方法,只有加if(this.checked)判断了 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/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option $("#sel").empty();//清空下拉框// 清空所有复选框选项 $(":checkbox").attr("checked","");
前端部分书很多,建议跟着 慕课网 这种在线培训的课程,边学边练。
一部分书供参考。
一、Javascript方面的书籍:
1 JavaScript权威指南(第6版):号称javascript圣经,前端必备;前端程序员学习核心JavaScript语言和由Web浏览器定义的JavaScript API的指南和综合参考手册;
2 JavaScript高级程序设计(第3版) :前端必备书,如果你想真正进入前端世界,这是一本不可多得的进阶书,没什么好说的,必须细细品读;
3 JavaScript语言精粹 :这是一本值得任何正在或准备从事JavaScript开发的人阅读,并且需要反复阅读的js书籍;
4 基于MVC的JavaScript Web富应用开发 :这不是一本适合初学者看的书籍,更适合具有一定前端开发经验的从业人员看的框架书,如果你想构建一个复杂的前端应用,你会如获至宝;
5 JavaScript DOM编程艺术(第2版):好书主要是dom操作和兼容方面的知识,值得一看;
6 JavaScript经典实例 :可以看看,主要是有关javascript一些典型小工具,有些剖析的并不深入,总体来说可以看看;
7 JavaScript设计模式 :写js不难。如何编写优美、结构化和可维护的代码呢?反复的揣摩这本书吧;
8 JavaScript编程精解 : 了解一下可以;
9 JavaScript模式 : 又一本设计模式的好书,如果你想让自身的Javascript技巧提高到一个新层次,成为专业的开发人员和程序员,反复阅读吧;
10 JavaScript高效图形编程: 是一本具有很强实操性的JavaScript图书,主要涉及JavaScript性能优化、高级UI设计、Web游戏开发、面向移动设备的开发、图形编程知识等
11 JavaScript RIA开发实战——最佳实践、性能、表现:主要介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码,以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。可以细细读一下;
12 高性能JavaScript : 又一本好书,涵盖了当今JavaScript开发者需要了解的所有性能问题,毫无疑问,它已加入我的性能最佳实践列表;值得细细品读并实践;
13 悟透JavaScript(美绘本): 这是一本可以让你轻松加愉快的阅读的一本好书,读完你可能会领悟:哦原还可以这样;
14 Ajax权威指南 : 详细的展示了ajax技术的发展以及应用,对于了解ajax技术很不错的一本详尽书籍;
15 Node.js开发指南 : Node.js是一种新兴的开源技术,它将JavaScript从Web浏览器移植到常规的服务器端,使用Chrome的V8虚拟机来解释和执行JavaScript代码,能用于构建高性能、高可扩展的服务器和客户端应用,以实现真正“实时的Web应用”;
16 Node Web开发 : 雅虎架构师精准解读最炙手可热的Web开发技术;
17 jQuery Mobile权威指南:是系统学习jQuery Mobile的权威参考书;
18 数据可视化实战:使用D3设计交互式图表 :web矢量图类库d3.js的工具书;
19 jQuery权威指南 : 学习jquery的入门书籍;
20 精彩绝伦的jQuery : 名字起的不错,能忽悠不少人,入门级书籍;
21 锋利的jQuery : 不错的一本jquery应用书籍;
二、Html和Css方面书书籍:
1 HTML 5与CSS 3权威指南 :html5和css3入级好书;详尽讲解了HTML5与CSS 3的所有功能和特性;
2 HTML5移动Web开发指南:介绍了一下移动端的web开发技术,以及一些移动端框架:QueryMobile、Sencha Touch,以及PhoneGap;
3 响应式Web设计:HTML5和CSS3实战 :有关响应式设计的知识并不是很多,大量篇幅写了html5和css3,这本书比较一般;
4 HTML5程序设计(第2版) : 很全面的介绍了一下html5技术,前端人员都应该看一看;
5 编写高质量代码:Web前端开发修炼之道 : 不可多得的一本前端开发规范书,前端开发人员的必读书;
6 精通CSS:高级Web标准解决方案 :css兼容性解决方案汇总,好书;
7 CSS禅意花园 :主要的Web设计原则以及它们运用的CSS布局技巧;
8 CSS权威指南 : css经典工具书;
9 高性能网站建设进阶指南:Web开发者性能优化最佳实践 : 好书啊!网站性能优化,浏览器加载渲染详细解析;
10 网站重构——应用Web标准进行设计 : 前端开发人员必读书,一本可以帮助网页设计师快速了解和掌握web标准设计的书;
11 变幻之美 DIV+CSS网页布局揭秘 : 详细的介绍了从效果图到web布局实现的整个过程;
12 HTML5 Canvas基础教程 : canvas入门书籍;
JQuery in Action(JQuery实战) 图灵丛书
网上也有关于JQuery的各个属性的解释 也是挺不错的