正文
jquerychackbox的简单介绍
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
jquery checkbox 单选
试试我这个,是可以的
jquery-1.5.2.js以上版本
script type="text/javascript"
$(function(){
$(':checkbox[name=cb]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[name=cb]').removeAttr('checked');
$(this).attr('checked','checked');
}
});
});
});
/script
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
input type="checkbox" name="cb"/
jquery checkbox怎么选中和不选中？
!--默认选中--
input type="checkbox" checked="checked" id="ck"
script
$(function () {
// 动态绑定默认状态
// $("#ck").attr("checked",true)//选中
// $("#ck").attr("checked",false)//未选中
//点击判断选中还是未选中
$("#ck").click(function () {
if ($(this).is(":checked")) {
alert("选中");
} else {
alert("未选中");
}
})
});
/script
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
2010年1月，也是jQuery的四周年生日，jQuery 1.4版发布，为了庆祝jQuery四周岁生日，jQuery团队特别创建了jquery14.com站点，带来了连续14天的新版本专题介绍。
在1.3及更早版本中，jQuery通过JavaScript的eval方法来解析json对象。在1.4中，如果你用的浏览器支持，则会使用原生的JSON.parse解析json对象，这样对json对象的书写验证则更为严格。比如：{foo: "bar"}的写法将不会被验证为合法的json对象，必须写成{"foo":"bar"}。如果你的程序打算升级到1.4版本，那么这一点要尤其注意。
jquery让checkbox只能选中一个怎么实现
//控件复选框只能选择一项
jQuery(document).ready(function() {
jQuery("#list input[type='checkbox']").click(function() {
if (jQuery(this).attr("checked") == true) {
jQuery("#list input[type='checkbox']").attr("checked", false);
jQuery(this).attr("checked", true);
}
});
});
jquery 如何获取 checkbox的 选中个数
获取 checkbox的 选中个数可以直接使用如下jquery语法$("input[type='checkbox']:checked").length;
示例如下：
创建Html代码及css样式
div
input type="checkbox" name="fruit" apple
input type="checkbox" name="fruit" orange
input type="checkbox" name="fruit" banana
input type="checkbox" name="fruit" watermelonbr
input type="button" value="I like these fruit!"
/div
div{width:500px;padding:20px;border:4px solid #ebcbbe;}
input{margin:10px 5px;}
jquery代码
$(function(){
$("input[type='button']").click(function() {
alert($("input[type='checkbox']:checked").length);
});
})
效果
如何用jQuery实现checkbox全选
全选：
$(":checkbox").attr("checked","checked");
全不选：
$(":checkbox").removeAttr("checked");
反选：
$(":checkbox:checked").removeAttr("checked");
$(":checkbox:not(:checked)").attr("checked","checked");
全手写，没有经过测试。
完整代码如下，测试通过：
html
head
title如何用jQuery实现checkbox全选/title
script src="jquery-1.7.1.min.js"/script
script type="text/javascript"
//全选，全不选
function allSelect() {
if ($(":checkbox").attr("checked") != "checked") {
$(":checkbox").attr("checked", "checked");
}
else {
$(":checkbox").removeAttr("checked");
}
}
//反选
function otherSelect() {
$(":checkbox").each(function () {
if ($(this).attr("checked") == "checked") {
$(this).removeAttr("checked");
}
else {
$(this).attr("checked", "checked");
}
});
}
/script
/head
body
input id="Checkbox1" type="checkbox" /
input id="Checkbox2" type="checkbox" /
input id="Checkbox3" type="checkbox" /
input id="Checkbox4" type="checkbox" /
input id="Checkbox5" type="checkbox" /
input id="Button1" type="button" value="全选" onclick="allSelect();" /
input id="Button3" type="button" value="反选" onclick="otherSelect();" /
/body
/html
关于jquerychackbox和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
