jquery checkbox实现单选小例_jquery

复制代码 代码如下:

$(function(){
$(':checkbox[name=flag]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[name=flag]').removeAttr('checked');
$(this).attr('checked','checked');
}
});
});

});

<input name="flag" id="agree" type="checkbox" checked="checked" value="0"/> 同意
<input name="flag" id="reject" type="checkbox" value="1" /> 不同意

时间: 2025-01-21 16:10:11

jquery checkbox实现单选小例_jquery的相关文章

jquery checkbox的相关操作总结_jquery

jquery checkbox的相关操作--全选.反选.获得所有选中的checkbox 1.全选 $("#btn1").click(function(){ $("input[name='checkbox']").attr("checked","true"); }) 2.取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']&

jQuery is()函数用法3例_jquery

jQuery提供了is()方法可以很方便的判断元素是否可见,是否隐藏,是否选中. 一.判断元素是否隐藏 如下html中的div元素是隐藏的: 复制代码 代码如下: <!doctype html><html><head> <script src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js"></script> </head><body&g

jquery ajax 局部刷新小案例_jquery

复制代码 代码如下: <html><head><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript"> function getOtherMessage(){ $.ajax({ type:"post", url:"${pageConte

Jquery读取URL参数小例子_jquery

复制代码 代码如下: $(document).ready(function(){ function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unes

jQuery 常见小例汇总_jquery

1 //这段代码展示了在用户未输入值时, //如何在文本类型的input域中保留 //一个默认值 wap_val = []; $(".swap").each(function(i){ wap_val[i] = $(this).val(); $(this).focusin(function(){ if ($(this).val() == swap_val[i]) { $(this).val(""); } }).focusout(function(){ if ($.tr

jQuery实现checkbox全选的方法_jquery

本文实例讲述了jQuery实现checkbox全选的方法.分享给大家供大家参考.具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题. 使用click事件,根据checked属性进行判断即可. 示例: $("#chkRreviewOffline").click(function(){ if(this.checked){ $('#review-offline .btn_checkbox input[typ

基于jQuery的checkbox全选问题分析_jquery

本文实例分析了基于jQuery的checkbox全选问题.分享给大家供大家参考,具体如下: 最近开发项目时遇到一个很奇怪的问题,就是checkbox的全选与全不选 使用jQuery的框架.一直是使用 //检测选中的checkbox $('input[name="abc"]:checked').each(function(){}) 但是,发现我需要全选的时候,使用 $('input[name="abc"]').attr('checked',true); $('inpu

jquery checkbox无法用attr()二次勾选问题的解决方法_jquery

今晨,漂亮的测试妹妹提了个奇怪的bug,说我一功能checkbox时隐时现,比如第一次打开有勾选,第n次打开可能就不选了. 想到与美女有亲密接触机会,马上鸡动起来. 经过偶层层抽次剥茧(da da jiang you),终于知道了原因:attr()在二次选中勾选框时,失效. 比如,如下HTML页面,一点[选中].二点[取消选中].三点[选中],瞧,不行了呗. 1.html <!doctype html> <html lang="en"> <head>

jQuery checkbox选中问题之prop与attr注意点分析_jquery

本文实例分析了jQuery checkbox选中问题之prop与attr注意点.分享给大家供大家参考,具体如下: 一个网上很多的例子如下: <!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.or