jQuery判断复选框是否勾选的原理及示例,的12个小
分类:关于美高梅

网上大多数文章都提供的方法都是无效的,害死个人,本文中的方法小编亲测试有效,建议使用方法二:

源码:

1、获取单个checkbox选中项(三种写法) $("input:checkbox:checked").val()
或者
$("input:[type='checkbox']:checked").val();
或者
$("input:[name='ck']:checked").val();

今天要实现一功能就是:复选框勾选时给input表单赋值,复选框取消时将表单值清除。

方法一: if ($("#checkbox-id")get(0).checked) {
    // do something
}

复制代码 代码如下:

2、 获取多个checkbox选中项 $('input:checkbox').each(function() {
        if ($(this).attr('checked') ==true) {
                alert($(this).val());
        }
});

效果如图:
图片 1 
实现源码:cyfID为复选框的id

方法二: if($('#checkbox-id').is(':checked')) {
    // do something
}

jQuery(function($){
$("input[name='key']:checkbox").click(function(){
var ids = '';
var flag = 0;
$("#ids").attr("value",ids);
$("input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids += $(this).attr('value')+',';
flag += 1;
}
});
if(0 < flag) {
$("#ids").attr("value",ids);
return true;
}else {
alert('请至少选择一项!');
return false;
}
});
});

3、设置第一个checkbox 为选中值 $('input:checkbox:first').attr("checked",'checked');
或者
$('input:checkbox').eq(0).attr("checked",'true');

复制代码 代码如下:

方法三: if ($('#checkbox-id').attr('checked')) {
    // do something
}

本源码的功能:

4、设置最后一个checkbox为选中值 $('input:radio:last').attr('checked', 'checked');
或者
$('input:radio:last').attr('checked', 'true');

$("#cyfID").click(function(){
var ischeck=$(this).attr("checked");
if(ischeck==undefined){
//清除输入框
alert("");
}else{
//给输入框赋值
alert("qq");
}
});

您可能感兴趣的文章:

  • JQuery触发radio或checkbox的change事件
  • jquery判断checkbox(复选框)是否被选中的代码
  • jquery操作复选框(checkbox)的12个小技巧总结
  • JQuery对checkbox操作 (循环获取)
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery实现全选、反选、获得所有选中的checkbox
  • Jquery遍历checkbox获取选中项value值的方法
  • JQUERY复选框CHECKBOX全选,取消全选
  • Jquery为单选框checkbox绑定单击click事件
  • jQuery实现checkbox的简单操作

获取name=‘key'的复选框的值,将选中项的 value 写到隐藏域 <input type="hidden" name="ids" id="ids" value="" /> 的表单中。

5、根据索引值设置任意一个checkbox为选中值 $('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
或者
$('input:radio').slice(1,2).attr('checked', 'true');

实现原理是:复选框勾选时$(this).attr("checked")为checked,不勾选时为undefined。

核心语句:

6、选中多个checkbox同时选中第1个和第2个的checkbox $('input:radio').slice(0,2).attr('checked','true');

您可能感兴趣的文章:

  • JQUERY复选框CHECKBOX全选,取消全选
  • jquery复选框CHECKBOX全选、反选
  • jquery.alert 弹出式复选框实现代码
  • jquery 操作单选框,复选框,下拉列表实现代码
  • jquery判断checkbox(复选框)是否被选中的代码
  • Jquery获取复选框被选中值的简单方法
  • jquery统计复选框选中示例
  • jquery如何获取复选框的值
  • jquery操作复选框(checkbox)的12个小技巧总结
  • jquery获取复选框被选中的值
  • jquery统计用户选中的复选框的个数
  • jQuery实现复选框全选/取消全选/反选及获得选择的值
  • 基于jQuery实现复选框的全选 全不选 反选功能
  • jQuery实现统计复选框选中数量
  • jquery复选框多选赋值给文本框的方法
  • jquery实现勾选复选框触发事件给input赋值
  • JQuery CheckBox(复选框)操作方法汇总
  • JQuery限制复选框checkbox可选中个数的方法
  • jQuery切换所有复选框选中状态的方法
  • Labelauty–jQuery单选框/复选框美化插件分享
  • 基于jquery实现复选框全选,反选,全不选等功能

复制代码 代码如下:

7、根据Value值设置checkbox为选中值 $("input:checkbox[value='1']").attr('checked','true');

$("input[name='key']:checkbox").each(function(){
if (true == $(this).attr("checked")) {
ids += $(this).attr('value')+',';
}
});

8、删除Value=1的checkbox $("input:checkbox[value='1']").remove();

在HTML中,如果一个复选框被选中,对应的标记为 checked="checked"。 但如果用jquery alert($("#id").attr("checked")) 则会提示您是"true"而不是"checked",所以判断 if("checked"==$("#id").attr("checked")) 是错误的,应该如上面那样书写: if(true == $("#id").attr("checked"))

9、删除第几个checkbox $("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
$("input:checkbox").eq(2).remove();

您可能感兴趣的文章:

  • jQuery判断checkbox是否选中的3种方法
  • JQuery触发radio或checkbox的change事件
  • jquery判断checkbox(复选框)是否被选中的代码
  • jquery操作复选框(checkbox)的12个小技巧总结
  • JQuery对checkbox操作 (循环获取)
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery实现全选、反选、获得所有选中的checkbox
  • JQUERY复选框CHECKBOX全选,取消全选
  • Jquery为单选框checkbox绑定单击click事件
  • jQuery实现checkbox的简单操作

10、遍历checkbox $('input:checkbox').each(function (index, domEle) {
//写入代码
});

11、全部选中 $('input:checkbox').each(function() {
        $(this).attr('checked', true);
});

12、全部取消选择 $('input:checkbox').each(function () {
        $(this).attr('checked',false);
});

您可能感兴趣的文章:

  • jQuery判断checkbox是否选中的3种方法
  • JQuery触发radio或checkbox的change事件
  • jquery判断checkbox(复选框)是否被选中的代码
  • JQuery对checkbox操作 (循环获取)
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery实现全选、反选、获得所有选中的checkbox
  • Jquery遍历checkbox获取选中项value值的方法
  • JQUERY复选框CHECKBOX全选,取消全选
  • Jquery为单选框checkbox绑定单击click事件
  • jQuery实现checkbox的简单操作

本文由美高梅网址发布于关于美高梅,转载请注明出处:jQuery判断复选框是否勾选的原理及示例,的12个小

上一篇:js作用域使用方法说明,深入理解Javascript中this的 下一篇:没有了
猜你喜欢
热门排行
精彩图文