jquery取消单选框选中,单选框可以点击取消选中

http://www.itjxue.com  2023-01-07 00:44  来源:未知  点击次数: 

怎么用jquery取消checkbox的选中状态

!doctype html

head

meta charset="UTF-8"

titlejquery取消checkbox/title

script type="text/javascript" src=""/script

script type="text/javascript"

$(document).ready(function(e) {

$(".btn_1").click(function(){

$(":input[name='duzhan']").attr("checked",false);

});

});

/script

/head

body

input type="checkbox" value="深圳网站建设" checked="checked" name="duzhan" / 深圳网站建设

input type="checkbox" value="" checked="checked" name="duzhan" / 独占网络

input type="button" class="btn_1" value="取消选择" /

/body

/html

怎么在jQuery的单选框被选,其他单选框就取消被选

单选框的选中与取消与JQuery没有直接关系。只需要设置radio的name值就可以了,相同name值的radio的定义中,是不能有两个同时被选中的。

input?type="radio"?id="1"?name="rd_Grame"?

input?type="radio"?id="2"?name="rd_Grame"?

input?type="radio"?id="3"?name="rd_Grame"?

input?type="radio"?id="4"?name="rd_Grame"?

input?type="radio"?id="5"?name="rd_Grame"?

这些radio的选中状态是相斥的,也就是只能有一个被选中。当你选中一个,再点击其他未被选中的radio是,之前被选中的就会自动取消选中状态了。

如果有多组,可以给不同的组设置不同的name值,比如

性别:

input?type="radio"?id="1"?name="rd_Grame"?男

input?type="radio"?id="2"?name="rd_Grame"?女

爱好:

input?type="radio"?id="3"?name="rd_Fav"?台球

input?type="radio"?id="4"?name="rd_Fav"?足球

input?type="radio"?id="5"?name="rd_Fav"?乒乓球

jquery清除单选选中状态。

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

Jquery 常用方法

关于页面元素的引用。

通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。

jQuery对象与dom对象的转换 。

只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意操作的是dom对象还是jquery对象。

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

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

集合处理功能。

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

几个实用特效功能 。

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

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

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

完善的事件处理功能

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

(责任编辑:IT教学网)

更多

推荐Access文章