*加载页面时单选框默认选中(此方法适用于循环输出的单选钮的默认选中问题)

<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()方法 =》加载页面时单选框默认选中相关推荐

  1. HTML通过js的.load()方法加载页面头部和底部文件

    前言: 大部分网站的头部和底部都是一样的,把公共头部和底部分离出来,使用时直接引用比重复写在每个页面好的多,对于后期的维护和二次开发,也比较友好.实现方法如下: <!DOCTYPE html&g ...

  2. 上传文件到服务器经常连接重置,尝试将文件上传到tmp_name时,“正在加载页面时重置了”服务器的连接重置“...

    我正在制作网站以将mp3文件存储在数据库中.当我访问该网站时,它说我已成功连接到数据库,并成功选择了数据库.但是当我选择一个文件并按上传按钮时,它会尝试连接很长时间,然后我的网络浏览器显示" ...

  3. [html] img中的src加载失败时如何用默认图片来替换呢?

    [html] img中的src加载失败时如何用默认图片来替换呢? img有onerror属性,加载失败时触发error事件 但是这种解决方法在error里面替换的默认图片也加载失败的时候会导致问题,需 ...

  4. 前端radio单选框默认选中_开发记录篇前端内容1

    有段时间没有更新文章了,因为是用的公司电脑,没有虚拟机,所以就没法演示hadoop相关的东西了,而且大数据篇的东西需要花费一些时间和精力去收集整理内容,那大数据篇就先暂停一下.最近这段时间的话我可能会 ...

  5. 单选框默认选中某个值

    //单选框默认选中某个值 $(":radio[name='flag'][value= 'Y']").attr("checked","checked&q ...

  6. angular 循环单选框默认选中无效的解决办法 ng-model 和ng-checked

    最近做项目遇到一个问题,模态框弹出查询条件,里面循环几个单选框默认选中,然后有一个清空按钮,窗口样式如下. 但是这个单选框默认选中和清空这里我搞了一天,尝试了多种办法,用ng-model和ng-che ...

  7. 102.1 html radio单选框默认选中

    html radio单选框默认选中 '<input type="radio" name="os" value="0">IOS', ...

  8. vue 加载页面时触发时间_详解Vue.js在页面加载时执行某个方法

    详解Vue.js在页面加载时执行某个方法 jQuery中可以这样写 vue中,如果要达到相同效果,可以使用vue的生命周期函数,如create或者mounted 附上vue.js的生命周期函数执行流程 ...

  9. 关于JQUERY动态加载页面时的JS失效的问题

    加载页面后一些JS特效或CSS特效不起作用,简单的方法是重新加载一下JQUERY的特效函数.

最新文章

  1. 统计数字,空白符,制表符_为什么您应该在HTML中使用制表符空间而不是多个非空白空间(nbsp)...
  2. 为什么说基于比特币现金的0确认是必要的?
  3. 调查一下 大家用vs时做网页时,都用的什么标准?
  4. java 线程安全性_我如何测试Java类的线程安全性
  5. 基于SOA架构集成spring-boot+mybatis+dubbo+Druid+zookeeper
  6. android金币动效_Android 仿余额宝数字跳动动画效果完整代码
  7. 三星宣布7nm LPP芯片量产!性能高20%,功耗降50%,面积降40%
  8. Android 多种跑马灯的方法
  9. 手把手教你如何建立自己的Linux系统
  10. 【python】Tkinter可视化窗口(一)
  11. DEV控件之ChartControl用法
  12. 量子计算机美国华裔科学家,量子计算机很神?18岁华裔少年用经典计算机算得一样快...
  13. xcode12 导入SwiftyJSON
  14. 深入浅出WPF知识点汇总二
  15. ipv6访问文件服务器,ipv4客户端如何访问ipv6服务器
  16. R语言中的if-else语句写法
  17. 零信任的终端安全闭环
  18. Matlab/Simulink Embedded Coder一个非常迷幻的问题
  19. 论文阅读 (54):DeepFool: A Simple and Accurate Method to Fool Deep Neural Networks
  20. 安卓手机Recovery刷机教程

热门文章

  1. 【无标题】.Net6开发winform程序使用依赖注入学习通http://www.bdgxy.com/
  2. 迷宫问题(经典BFS)
  3. [Android]Kali for Galaxy S4
  4. 【制作微课的软件】Focusky教程 | 添加文本
  5. 计算机专业平面设计,计算机专业和平面设计专业是一个专业不?
  6. [Linux Device Driver] 看门狗
  7. Unity3D 里怎么制作天空盒(skybox)
  8. 【新邮件】叮!你的美通社日历已Ready!
  9. [实用技能] 安装程序双击无反应,重新下载也没用怎么办?
  10. List集合中删除指定的元素