首页  >  文章  >  电脑教程  >  使用jQuery取消单选框的选中状态

使用jQuery取消单选框的选中状态

WBOY
WBOY转载
2024-01-17 09:33:22393浏览

使用jQuery取消单选框的选中状态

使用jQuery取消单选框的选中状态

关掉窗口时:$("input[type='radio']").removeAttr('checked')。

Jquery 常用方法

1. 关于页面元素的引用。

可以通过使用jQuery的$()方法引用元素,通过id、class、元素名、层级关系、DOM或XPath条件等方式进行选择。返回的是一个jQuery对象(集合对象),不能直接调用DOM定义的方法。

2. jQuery对象与dom对象的转换 。

只有使用jQuery对象才能调用jQuery定义的方法。要注意DOM对象和jQuery对象之间的区别,确保在调用方法时操作的是正确的对象。

3. 如何获取jQuery集合的某一项。

对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个元素的内容。

4. 集合处理功能。

对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。 包括两种形式: $("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})

5. 几个实用特效功能 。

其中toggle()和slidetoggle()方法提供了状态切换功能。

如toggle()方法包括了hide()和show()方法。

slideToggle()方法包括了slideDown()和slideUp方法。

6. 完善的事件处理功能

Jquery已经为我们提供了各种事件处理方法,我们无需在html元素上直接写事件,而可以直接为通过jquery获取的对象添加事件。

怎样使用jquery选中单选按钮

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.jquery获取radio的值

2.jquery获取checkbox的值

3.jquery获取select的值

要想获取某个radio的值有以下的几种方法,直接给出代码:

1、

1.$('input[name="testradio"]:checked').val();2、

1.$('input:radio:checked').val();3、

1.$('input[@name="testradio"][checked]');4、

1.$('input[name="testradio"]').filter(':checked');差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

1.$('input[name="testradio"]').each(function(){2.alert(this.value);3.});如果要取具体某个radio的值,比如第二个radio的值,这样写

1.$('input[name="testradio"]:eq(1)').val()

javascript通过选择单选框控制文本框显示的问题

html如下:

显示

隐藏

JS如下:

var show = document.getElementById('show'); // 分别拿到对应的元素

var hide = document.getElementById('hide');

var text = document.getElementById('text');

show.onclick = function() {

text.style.display = '';

};

hide.onclikc = function() {

text.style.diplay = 'none';

}

以上是使用jQuery取消单选框的选中状态的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:docexcel.net。如有侵权,请联系admin@php.cn删除