·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> jQuery实现点击单选按钮切换选中状态效果

【如有意向点此提交需求】关于我们

jQuery实现点击单选按钮切换选中状态效果

作者：佚名      ASP.NET网站开发编辑：admin      更新时间：2022-07-23

jQuery实现点击单选按钮切换选中状态效果

实现效果：第一次点击单选按钮时选中该按钮，再次点击时取消选中该单选按钮。

关键就是要将单选按钮原来的值保存起来，第二次点击时。如果原来选中则取消，否则选中。

看代码吧，是用jQuery实现的，功能虽小。知识点不少啊。。。。。

Js代码收藏代码
  1. $(document).ready(function(){
  2. varold=null;//用来保存原来的对象
  3. $("input[name='sex']").each(function(){//循环绑定事件
  4. if(this.checked){
  5. old=this;//如果当前对象选中，保存该对象
  6. }
  7. this.onclick=function(){
  8. if(this==old){//如果点击的对象原来是选中的，取消选中
  9. this.checked=false;
  10. old=null;
  11. }else{
  12. old=this;
  13. }
  14. }
  15. });
  16. });