当前位置: 首页 > 编程笔记 >

jQuery 操作input中radio的技巧

边国安
2023-03-14
本文向大家介绍jQuery 操作input中radio的技巧,包括了jQuery 操作input中radio的技巧的使用技巧和注意事项,需要的朋友参考一下

通过jQuery获取页面中的所有radio对象,遍历页面中的radio,取消选中的标签,因为使用到jQuery时间,因此引用到了网上公共的js,这只是本人的一些总结,大神勿喷。

<html>
<head>
<title>取消</title>
<script language="javascript">
function _onclick() {
$("input[name='ra']:checked").val();
var radios = document.getElementsByName("ra");
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radios[i].checked=false;
break;
}
}
}
function _onclick1() {
var item = $("input:radio[name='ra'][checked]").val(); 
alert(item)
var radios = $("input[name='ra']");
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radios[i].checked=false;
break;
}
}
}
function _onclick2() {
var radios = $("input[type='radio']");
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
radios[i].checked=false;
}
}
}
</script>
</head>
<body>
<div><ol>
<li><input type="radio" name="ra" value="1">1</li>
<li><input type="radio" name="ra" value="2">2</li>
<li><input type="radio" name="ra" value="3" checked>3</li>
<li><input type="radio" name="ra" value="4">4</li>
<li><input type="radio" name="ra" value="5">5</li>
<li><input type="radio" name="ra" value="6">6</li>
<li><input type="radio" name="ra" value="7">7</li>
<li><input type="radio" name="ra" value="8">8</li> 
</ol></div>
<div><ol>
<li><input type="radio" name="ra1" value="1">1</li>
<li><input type="radio" name="ra1" value="2">2</li>
<li><input type="radio" name="ra1" value="3" checked>3</li>
<li><input type="radio" name="ra1" value="4">4</li>
<li><input type="radio" name="ra1" value="5">5</li>
<li><input type="radio" name="ra1" value="6">6</li>
<li><input type="radio" name="ra1" value="7">7</li>
<li><input type="radio" name="ra1" value="8">8</li> 
</ol></div>
<input type="button" value="GetValue1" onclick="_onclick()" />
<input type="button" value="GetValue2" onclick="_onclick1()" />
<input type="button" value="GetValue3" onclick="_onclick2()" />
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js" type="text/javascript"></script>
</body>
</html>

文中使用3中获取radio对象的方式,前两种使用的比较多,第三种直接通过type标签获取对象,有可能获取到页面中所有的radio对象,因此不推荐使用。

以上所述是小编给大家介绍的jQuery 操作input中radio的技巧,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍利用jquery操作Radio方法小结,包括了利用jquery操作Radio方法小结的使用技巧和注意事项,需要的朋友参考一下 在开发中经常会用到Radio来实现用户的选择效果,我在项目中积累了一些利用JQUERY来操作Radio的方法,在这里分享一下,供有需要的朋友借鉴。 1、改变radio的选择,触发一些效果 2、让页面中所有的radio可用。 $("input:radio").a

  • 本文向大家介绍jQuery Dom元素操作技巧,包括了jQuery Dom元素操作技巧的使用技巧和注意事项,需要的朋友参考一下 Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 jquery 获取

  • 本文向大家介绍JQuery radio(单选按钮)操作方法汇总,包括了JQuery radio(单选按钮)操作方法汇总的使用技巧和注意事项,需要的朋友参考一下 随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代

  • 本文向大家介绍jQuery根据ID获取input、checkbox、radio、select的示例,包括了jQuery根据ID获取input、checkbox、radio、select的示例的使用技巧和注意事项,需要的朋友参考一下 input: var xxx = $('#ID').val() ----------------------------------------------------

  • 本文向大家介绍jquery中radio checked问题,包括了jquery中radio checked问题的使用技巧和注意事项,需要的朋友参考一下 今天太鬼火了为这个难问题搜了一下午了到最后还是csdn的朋友给了我正确的答案,谢谢这位朋友 // $("#ISOK1").checked = "checked"; // $("#ISOK1").attr("checked", true); //$(

  • 本文向大家介绍C#中DataGridView操作技巧,包括了C#中DataGridView操作技巧的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#中DataGridView操作技巧。分享给大家供大家参考。具体分析如下: 希望本文所述对大家的C#程序设计有所帮助。