JQuery中对Radio和CheckBox的对比使用

打开APP

未登录

开通VIP，畅享免费电子书等14项超值服

首页

好书

留言交流

下载APP

联系客服

JQuery中对Radio和CheckBox的对比使用

userphoto

WindySky >《前端技术》

2011.08.21

一. jQuery-对Radio/CheckBox的操作集合

view plain copy to clipboard print ?

jQuery获取Radio选择的Value值
$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态
jQuery获取CheckBox选择的Value值
$("input[name='check']:checked");
$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合如果你想得到
Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条，你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔返回一个数组

二. jQuery实现CheckBox全选、全不选

view plain copy to clipboard print ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Index</title>
<mce:script src="/Scripts/jquery-1.4.1.js" mce_src="Scripts/jquery-1.4.1.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!--
$(function() {
$("#CheckAll").click(function() {
var flag = $(this).attr("checked");
$("[name=subBox]:checkbox").each(function() {
$(this).attr("checked", flag);
})
})
})
// --></mce:script>
</head>
<body>
<div>
<input id="CheckAll" type="checkbox" />
<input name="subBox" type="checkbox" />
<input name="subBox" type="checkbox" />
<input name="subBox" type="checkbox" />
<input name="subBox" type="checkbox" />
</div>
</body>
</html>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。

打开APP，阅读全文并永久保存查看更多类似文章

猜你喜欢

类似文章

【热】打开小程序，算一算2024你的财运

jquery判断一组checkbox中是否至少选中了一个

jquery的checkbox,radio,select等方法总结

jquery判断单选按钮是否选中

jQuery对select操作小结 - 鬼鬼DH - 博客园

JQUERY获取text,areatext,radio,checkbox,select值

Jquery主要控件的取值、赋值，包括textbox,button,lable,radio,checkbox,selected

更多类似文章 >>

生活服务

热点新闻

分享收藏导长图关注下载文章

绑定账号成功
后续可登录账号畅享VIP特权！

如果VIP功能使用有故障，
可点击这里联系客服！

联系客服