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

news/2024/7/11 1:39:08 标签: jquery, input, 2010

获取一组radio被选中项的值

var iten=$('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;

获取值:

文本框,文本区域:

$("#text").attr("value");
多选框checkbox:
$("#checkbox_id").attr("value");
单选组:
$("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();  //清空下拉框



文章引自: http://www.cnblogs.com/neru/archive/2010/10/08/1845686.html



http://www.niftyadmin.cn/n/1732246.html

相关文章

[译] React Native vs. Cordova、PhoneGap、Ionic,等等

原文链接: https://learnreact.design/2018/02/14/react-native-vs-cordova-phone-gap-ionic-etc 喜欢理由: 文笔生动 通俗易懂 特别鸣谢: 原作者 Linton Ye 的倾情校对 系列博客: 用通俗的语言和涂鸦来解释 React 术语 图解 React图解 React Native组件、Props 和 State深入理…

jquery遍历函数siblings()

siblings([expr]) 得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <scrip…

jQuery中的end()方法

选取某个元素&#xff0c;查找选取其子元素&#xff0c;然后再回过来选取这个元素。用例子说明了一下&#xff1a; 比如HTML代码&#xff1a; <p><span>Hello</span>,how are you?</p>JQuery代码&#xff1a; $("p").find("span"…

大厂前端面试考什么? | 掘金技术征文

原文链接 背景 最近一个月面试了20来个公司&#xff0c;其中有你们应该都听过的bat&#xff0c;今日头条&#xff0c;京东&#xff0c;网易&#xff0c;大疆&#xff0c;oppo&#xff0c;还有shopee&#xff0c;招商金科&#xff0c;有赞等比较不错的公司&#xff0c;收获了六…

刚开始学习Jquery的一些笔记被我翻出来了

← css 和javascript 在ie6 ie7 ie8和Firefox下bug兼容解决记录两年前收藏的一些前端学习资料地址 →刚开始学习Jquery的一些笔记被我翻出来了 1:鼠标点击时候促发 $(“p”).click(function(){ alert(“hello world”); }); 2:增加删除class $(“a”).addClass(“test”); $(“…

Next.js踩坑入门系列(六) —— 再次重构目录

Next.js踩坑入门系列 (一) Hello Next.js(二) 添加Antd && CSS(三) 目录重构&&再谈路由(四) Next.js中期填坑(五) 引入状态管理Redux(六) 再次重构目录(七) 其他相关知识 上一节引入了redux以及使用redux-saga来进行异步函数的处理&#xff0c;而上一节的目录…

jQuery中的siblings

所谓siblings&#xff0c;英文翻译就是兄弟节点。那么故名思意&#xff0c;就是拿到某元素的兄弟节点(不包括自己)。 <html> <head><script type"text/javascript" src"/jquery/jquery.js"></script> </head><body> &…

webpack性能优化不完全指北

前语--最近公司新开了一个项目&#xff0c;对webpack的性能上产生了不小需求&#xff0c;在一通学习了webpack之后特意写一篇来总结一下。 本文涉及的内容体积优化 依赖按需加载剔除不必要的依赖 体积的大小直接关系到我们项目的加载速度&#xff0c; 而SPA的首屏加载速度又决…