jQuery eq()方法 =》加载页面时单选框默认选中
*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题)
<body>
<input type="radio" name="jing">1</input>
<input type="radio" name="jing">2</input>
<script>$("input[type='radio'][name='jing']:eq(0)").click()</script>
或者
<script>$("input[type='radio'][name='jing']:eq(0)").attr("checked","checked")</script>
</body>
*一般情况下,如果单选框处于默认选中状态,那么提交表单时,不用考虑单选框,因为
单选框处于默认选中状态时,切换单选框,都会有值,一般逻辑都是将默认选中状态而不是提交表单时判空;
上面的问题,如果单选框不是处于默认选中状态,那么提交时就需要判空,当提交方式为οnclick=>js处理页面时,判空如下:
延伸 1:
单选按钮的name值相同。默认选中为 checked=”checked”;
复选框为checked=true哦
<script>$("input[type='radio'][name='jing']:eq(0)").attr("checked",true</script>;
atrr(属性值)为获取对象,attr(属性,属性值)为给对象添加属性,要加双引号;
延伸 2:eq(index) 指定到index的元素,index从0开始。
demo 1:
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
jQuery("body").find("div").eq(2).remove(); //移除第三个div
demo 2:
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
<li>list item 5</li>
</ul>
<script>$('li').eq(2).css('background-color', 'red');</script>
jQuery eq()方法 =》加载页面时单选框默认选中相关推荐
- HTML通过js的.load()方法加载页面头部和底部文件
前言: 大部分网站的头部和底部都是一样的,把公共头部和底部分离出来,使用时直接引用比重复写在每个页面好的多,对于后期的维护和二次开发,也比较友好.实现方法如下: <!DOCTYPE html&g ...
- 上传文件到服务器经常连接重置,尝试将文件上传到tmp_name时,“正在加载页面时重置了”服务器的连接重置“...
我正在制作网站以将mp3文件存储在数据库中.当我访问该网站时,它说我已成功连接到数据库,并成功选择了数据库.但是当我选择一个文件并按上传按钮时,它会尝试连接很长时间,然后我的网络浏览器显示" ...
- [html] img中的src加载失败时如何用默认图片来替换呢?
[html] img中的src加载失败时如何用默认图片来替换呢? img有onerror属性,加载失败时触发error事件 但是这种解决方法在error里面替换的默认图片也加载失败的时候会导致问题,需 ...
- 前端radio单选框默认选中_开发记录篇前端内容1
有段时间没有更新文章了,因为是用的公司电脑,没有虚拟机,所以就没法演示hadoop相关的东西了,而且大数据篇的东西需要花费一些时间和精力去收集整理内容,那大数据篇就先暂停一下.最近这段时间的话我可能会 ...
- 单选框默认选中某个值
//单选框默认选中某个值 $(":radio[name='flag'][value= 'Y']").attr("checked","checked&q ...
- angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked
最近做项目遇到一个问题,模态框弹出查询条件,里面循环几个单选框默认选中,然后有一个清空按钮,窗口样式如下. 但是这个单选框默认选中和清空这里我搞了一天,尝试了多种办法,用ng-model和ng-che ...
- 102.1 html radio单选框默认选中
html radio单选框默认选中 '<input type="radio" name="os" value="0">IOS', ...
- vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法
详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...
- 关于JQUERY动态加载页面时的JS失效的问题
加载页面后一些JS特效或CSS特效不起作用,简单的方法是重新加载一下JQUERY的特效函数.
最新文章
- 统计数字,空白符,制表符_为什么您应该在HTML中使用制表符空间而不是多个非空白空间(nbsp)...
- 为什么说基于比特币现金的0确认是必要的?
- 调查一下 大家用vs时做网页时,都用的什么标准?
- java 线程安全性_我如何测试Java类的线程安全性
- 基于SOA架构集成spring-boot+mybatis+dubbo+Druid+zookeeper
- android金币动效_Android 仿余额宝数字跳动动画效果完整代码
- 三星宣布7nm LPP芯片量产!性能高20%,功耗降50%,面积降40%
- Android 多种跑马灯的方法
- 手把手教你如何建立自己的Linux系统
- 【python】Tkinter可视化窗口(一)
- DEV控件之ChartControl用法
- 量子计算机美国华裔科学家,量子计算机很神?18岁华裔少年用经典计算机算得一样快...
- xcode12 导入SwiftyJSON
- 深入浅出WPF知识点汇总二
- ipv6访问文件服务器,ipv4客户端如何访问ipv6服务器
- R语言中的if-else语句写法
- 零信任的终端安全闭环
- Matlab/Simulink Embedded Coder一个非常迷幻的问题
- 论文阅读 (54):DeepFool: A Simple and Accurate Method to Fool Deep Neural Networks
- 安卓手机Recovery刷机教程
热门文章
- 【无标题】.Net6开发winform程序使用依赖注入学习通http://www.bdgxy.com/
- 迷宫问题(经典BFS)
- [Android]Kali for Galaxy S4
- 【制作微课的软件】Focusky教程 | 添加文本
- 计算机专业平面设计,计算机专业和平面设计专业是一个专业不?
- [Linux Device Driver] 看门狗
- Unity3D 里怎么制作天空盒(skybox)
- 【新邮件】叮!你的美通社日历已Ready!
- [实用技能] 安装程序双击无反应,重新下载也没用怎么办?
- List集合中删除指定的元素