jquery取消单选框选中,单选框可以点击取消选中
怎么用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获取的对象添加事件。