首页 > 语言 > JavaScript > 正文

解决jquery实现的radio重新选中的问题

2024-05-06 16:22:37
字体:
来源:转载
供稿:网友

这篇文章主要介绍了解决jquery实现的radio重新选中的问题的方法和示例,十分的实用,有需要的小伙伴可以参考下。

 

  1. <input type="radio" name="test"/> 
  2.  
  3. <input type="radio" name="test" id = "input2"/> 

(说明:使用的jquery 版本是 1.10.2。)

使用 jquery 的removeAttr(),清除掉 radio 的checked属性后。使用 attr('checked',true)可以给对应的radio 附上 checked属性。但是页面展示,却没有选中。

解决方法:

使用原生js 代码实现。

 

 
  1. var inputList = document.getElementByName("test"); 
  2.  
  3. for(var x=0;x<inputList.length;x++){ 
  4.  
  5.   inputList[x].checked=false//取消选中 
  6.  
  7.  
  8. var input = document.getElementById("input2"); 
  9.  
  10. input.checked = true//选中第二个   

测试是可以的。能选中,且页面能显示正确。

以上所述就是本文的全部内容,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选