本文目录
- jquery如何根据多选框name来获得选中的值
- jquery 中获取input指定name的标签对象,用$(“input[name^=’’]“); 这里name^=’’中的 ^ 什么用
- jquery怎么获取table里的td都有font,怎么获取font里的所有文本值,求大神帮忙
jquery如何根据多选框name来获得选中的值
根据多选框name来获得选中的值可用如下 jquery代码实现
$("input:checkbox:checked").each(function() { // 遍历name=test的多选框 $(this).val(); // 每一个被选中项的值});
实例演示:给出两组多选框,点击按钮后分别获得两组中被选择的项目
示例代码如下
创建Html元素
《div class="box"》《span》请输入用户名,限定字母、数字或下划线的组合:《/span》《br》《div class="content"》《span》水果:《/span》《br》《input type="checkbox" name="fruit" value="梨子"/》梨子《input type="checkbox" name="fruit" value="李子"/》李子《input type="checkbox" name="fruit" value="栗子"/》栗子《input type="checkbox" name="fruit" value="荔枝"/》荔枝《br》《span》蔬菜:《/span》《br》《input type="checkbox" name="vegetable" value="青菜"/》青菜《input type="checkbox" name="vegetable" value="萝卜"/》萝卜《input type="checkbox" name="vegetable" value="土豆"/》土豆《input type="checkbox" name="vegetable" value="茄子"/》茄子《/div》《input type="button" value="提交"》《/div》
设置css样式
div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}div.box span{color:#999;font-style:italic;}div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}input{margin:5px;}input{height:30px;margin:10px;padding:5px 10px;}
编写jquery代码
$(function(){// 设置属性值$("input:button").click(function() {var fruit = "";var vegetable = "";$("input:checkbox:checked").each(function() {fruit += $(this).val() + " ";});$("input:checkbox:checked").each(function() {vegetable += $(this).val() + " ";});alert("已选择水果:"+fruit+",已选择蔬菜:"+vegetable);});})
观察效果
jquery 中获取input指定name的标签对象,用$(“input[name^=’’]“); 这里name^=’’中的 ^ 什么用
1、$("form :input") 返回form中的所有表单对象,包括textarea、select、button等.
2、 $("form input")返回form中的所有input标签对象.
3、form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回).
4、form :input是属于表单选择器(匹配所有《input》、《textarea》、《select》、《button》元素).
jquery怎么取得form表单的url路径,并提交;
《script type="text/javascript"》 function uimage monkey.uploadFile"h",type:"image"function(path) alert(path);
$("#ren").append("《img src=" + "/Images/Upload/" + path + id=’sctp’style=’width:500px;height:500px’/》");
《/script》《/head》《body》 《input type="file" name="h" id="h" onchange="uimage;"/》 《div id="ren"》《/div》《/body》
扩展资料
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。
jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
参考资料
jQuery-百度百科
jquery怎么获取table里的td都有font,怎么获取font里的所有文本值,求大神帮忙
$("#viewDisplay 》 table").find("font").each(function(index){ alert("第"+(index+1)+"个font的文本值");});