Jquery为单选框checkbox绑定单击click事件_jquery

一、假设有如下一段html代码

复制代码 代码如下:

<dd id="1">
<input id="checkbox-518" class="imagezz" name type="checkbox" value="518">
</dd>

选中事件(根据选中情况修改上一层背景):

复制代码 代码如下:

var $test_image_check_box_click = function() {
if ($(this).attr("checked") == "checked") {
$(this).parent().css({"background":"#dcf4fc"});
}
else {
$(this).parent().css({"background":"#fcf7c7"});
}
check_all_imagezz();
}

绑定事件:

复制代码 代码如下:

$(#checkbox-518).click($test_image_check_box_click);

二、假设html中有很多并列的dd标签,每个dd标签中有一个checkbox,class名都为imagezz,对于每个checkbox都绑定事先设定的$test_image_check_box_click事件

复制代码 代码如下:

$(document).ready(function(){
$(".imagezz").click($test_image_check_box_click);
}

时间: 2024-07-29 16:45:45

Jquery为单选框checkbox绑定单击click事件_jquery的相关文章

jquery复选框CHECKBOX全选、反选_jquery

使用方法:我们先把下面的JS保存为有个文件,到时候调用,淡然你也可以直接写在页面内,推荐使用前者,方便重用: 复制代码 代码如下: (function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:'group_name', enabledOnly:false },options || {}); var ctrl_box=thi

jquery单选框radio绑定click事件实现方法

 这篇文章主要介绍了jquery单选框radio绑定click事件实现方法,可实现针对单选框radio值的改变作出响应,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下:   代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-t

jquery单选框radio绑定click事件实现方法_jquery

本文实例讲述了jquery单选框radio绑定click事件实现方法.分享给大家供大家参考. 具体实现方法如下: 复制代码 代码如下: <html> <head> <title>单选框radio绑定click事件</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <script type="

jquery验证单选框是否选中的问题

问题描述 jquery验证单选框是否选中的问题 $("#sub").click(function(){ if(!$('input.radio_').is(':checked')){ alert("题目必须选择!"); } }); 我想在点击sub按钮时验证页面上所有class名为radio_的单选框是否全部以选择.上面这段写法的现象是 我只要一个单选框选了 验证就通过了 怎么做才能验证所有的呢? 解决方案 $("#sub").click(func

jquery对单选框,多选框,文本框等常见操作小结

 本篇文章主要是对jquery对单选框,多选框,文本框等常见操作进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 一.文本框.单选按钮.复选框.相关操作    代码如下: var sex=$("input[name='sex']:checked").val();   //获取一组radio被选中项的值   var item=$("#sel option:selected").text();      //获取select被选中项的文本   var optio

radio-js或jQuery设置单选框(性别选择)

问题描述 js或jQuery设置单选框(性别选择) 使用jQuery设置单选框(性别)的checked属性为true不能成功,但是js却可以,这是jQuery的bug吗? 解决方案 你是这么写的么.$('#..').attr('checked',true) 解决方案二: 不会的,可能跟你jquery的版本及写法有关,参考:http://www.zhidao91.com/jquery-attr-prop-deference/ 解决方案三: 引包了吗?选择器是否正确,name是否相同 解决方案四:

jQuery判断元素上是否绑定了指定事件的方法

 这篇文章主要介绍了jQuery判断元素上是否绑定了指定事件的方法,涉及jQuery绑定事件的判断技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery判断元素上是否绑定了指定事件的方法.分享给大家供大家参考.具体如下: 例如下面的代码可以判断id=testdiv的元素是否绑定的click事件,这个判断只针对jQuery绑定的事件有效,普通JS的事件绑定无效. ? 1 2 3 4 5 //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQu

jQuery判断元素上是否绑定了指定事件的方法_jquery

本文实例讲述了jQuery判断元素上是否绑定了指定事件的方法.分享给大家供大家参考.具体如下: 例如下面的代码可以判断id=testdiv的元素是否绑定的click事件,这个判断只针对jQuery绑定的事件有效,普通JS的事件绑定无效. //jQuery event封装支持判断元素上是否绑定了事件,此方法只适用于jQuery绑定的事件 var $events = $("#testdiv").data("events"); if( $events &&

jquery 操作单选框,复选框,下拉列表实现代码_jquery

1.复选框全选操作:其实说到底就是对Jquery 选择器的运用,点我查看Jquery选择器 html代码: 复制代码 代码如下: <form> 您爱好的运动是: <input type="checkbox" name="item" value="football"/> football <input type="checkbox" name="item" value="