下面我们先给出全选代码:
html中的代码:
<input
type="checkbox" name="checkbox_name[]" id="checkbox_name_1" />
???
??? 1
??? ??? <br />
??? ??? <input type="checkbox"
name="checkbox_name[]" id="checkbox_name_2" />
??? ??? 2
???
??? <br />
??? ??? <input type="checkbox" name="checkedAll"
id="checkedAll" />
??? ??? 全选/取消全选
js中的代码:
?$(document).ready(function()
{?
//定义全选框的名称为$chkall
?? var
$chkall = $('#checkedAll');
?? var $chkarry =
$('input[type="checkbox"]').not
($('#checkedAll'));//取到除全选框的其它复选框
?? //全选框
的实现函数
?? $chkall.click(function(){
??? var b =
$(this).attr('checked');//取到全选框的值
??? $chkarry.each(function(){
$(this).attr('checked', b); });//设置其它复选框值与全选框同步
,实现全选,取消全选功能
?? });
?? //除了全选的其它复选框
?? $chkarry.each(function(){
???
$(this).click(function(){
???? //先把每个其它复选框的值赋给全选框
????
$chkall.attr('checked', $(this).attr('checked'));
???? //再循环所有其它的复选框是否已经全部选择,实现全选与其它复选框出现全选情况下同步。
???
//即如果其它复选都已经选择,则全选也选择。
????
$chkarry.each(function(index){ $chkall.attr('checked',
($chkall.attr('checked') && $chkarry.eq(index).attr('checked'))?
true:false); });
??? });
?? });?
});
相对复选框来说,如何取到单选框的值
就简单得多啦。
下面是单选框取值实现代码:
html的代码:
<div
id="test1">
??? ??? ??? <input id="radio1" type="radio"
name="radio1" value="人">
??? ??? ??? 人
??? ??? ??? <input
id="radio2" type="radio" name="radio1" value="鬼">
??? ??? ??? 鬼
?</div>
?相
对上面的情况有两种实现的方法:
//1、利用div的id实现
//#test1 input 代表是test1元素下的所有input元素
?$("#test1
input").click(function(){
alert($(this).attr("value"));});
//2、取得所有的单选类型的input元素,因为单选可能选择一个,所以this就是当前选择的单选框
?var
radio = $('input[type="radio"]');
?radio.click(function()
?{
????
alert($(this).attr("value"));?? //取值
?});
详细解决方案
jquery兑现复选框的全选及单选框的取值
热度:7 发布时间:2012-10-24 14:15:58.0
相关解决方案
- jquery 获取jsp页面的id解决方法
- jquery,二维数组取值。解决办法
- 求jquery.form.js+jquery.validate.min.js 用ajax提交表单的代码范例
- jquery 提交form表单不用插件的那种 如何提交
- jquery ajax回传没有值,该怎么处理
- jquery easyUI datagrid struts2有关问题
- jquery form 有关问题
- springmvc jquery ajax 提交复杂对象,415异常解决办法
- 应用Struts2 与 jquery,ajax验证用户注册,不用从数据库获取数据
- jquery ajax select解决方法
- jquery ajax返回值的有关问题
- jquery 的bind里面能不能获得返回值呢? 对小弟我很难的有关问题啊
- java+jquery easy ui + json + struts分页例子
- jquery easyui分页效率有关问题
- jquery 如何获得动态添加后的子元素个数?
- 关于Struts2 jQuery Plugin的 Result,该如何处理
- Jquery 点击按钮实现图片翻页,该如何解决
- Jquery+json解决思路
- jquery post有关问题
- 求大神解决偏题 - jquery ajax
- jquery ui taps有关问题,求解!
- jquery easyui 如何设置标题列居左,里面的数据列居右
- jquery 表格插件tablesorter的表头有多行和colspan不能排序有关问题
- jquery-easyui中的datetimebox 哪位高手用过?如何改变日期格式?
- jquery easyui treegrid 级联勾选跟点击行不自动勾选checkbox
- jquery.load(*json) 解析不已。求帮忙
- jquery 获取某列的值,该如何处理
- jquery 如何实现自动填充···求解···
- jquery-easyui datagrid ie不支持怎么处理?
- jQuery.get()的回调函数不执行,应用了struts2,spring解决方案