多选ui实现单选效果

<!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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script src="js/jquery-1.8.3.min.js" type="text/javascript" language="javascript"></script> 
<title>无标题文档</title> 
<script type="text/javascript"> 
$(function(){ 
$(":checkbox").click(function(){ 
if($(this).attr("checked")!=undefined) 
{ 
$(this).siblings().attr("checked",false); 
$(this).attr("checked",true); 
} 
}); 
}); 
</script> 
<style> 
span,input{float:left;} 
input{ width:14px; height:14px;} 
span{ margin-right:20px;} 
</style> 
</head>

时间： 2024-10-11 17:50:20

多选ui实现单选效果的相关文章

多选框、单选效果

效果如下: 代码: <dl id="div_group"> <dt>会员组别</dt> <dd> <div class="rule-multi-porp"> <span id="cblGroupId"> <input id="cblGroupId_0" type="checkbox" name="cblGroupId$0

复选框做成单选效果

function zlClick($id){ var eles = document.getElementById($id).children; var srcEle = event.srcElement; for(var i=0;i<eles.length;i++){ if(srcEle.checked){ if(eles[i].value!=srcEle.value){ eles[i].checked=false; } } } } 技术领域 可信计算 其他    申请日 2000 2001

纯css3实现美化复选框和手风琴效果（详细）

关键技术点和原理: 原理就是把 checkbox或 radio 给隐藏掉   ,然后给选框 绑定一个label标签. 然后用label标签作为容器,在里面放一个:before或一个after 用before模拟选框的框,用after来模拟选框的填充 通过 .magic-checkbox:checked + label:after {/*选框被选中时 显示after填充*/ display: block; } 来确定是否选中复选框,如果checked就把after的显示. 先贴出html的代码 <

Jq 复选框、单选框取值操作、面板切换、cook

今天遇到这么几个问题: 1.$().map(); map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 2 选择器(: >) :是指定type  :input <input>元素 .radio  type="radio"的元素3.$('div :checkbox').each(function (){}) 就是遍历 div获取的每个值5.Jq只能用一次,就哟不了-->(只能触发一次单击事件) 我的循环使用调用2.0估计就

Gridview 单选效果实现，且用且珍惜

Gridview 单选效果,在androidapp中实现非常频繁,我这里提供我的一种思路,这是我的思维导图: 怎么样将这样的思维导图翻译成java代码了,请看下面的代码了: // 电子产品的图片列表信息 static class ConfigInfo { static final int[] img = { R.drawable.electron_dvdplay, R.drawable.electron_toudaishishexianji, R.drawable.electron_miniyi

Bootstrap 表单和图片 （内联表单，表单合组，水平排列，复选框和单选框，下拉列表，校验状态，添加额外的图标，控制尺寸，图片）

一．表单 基本格式 注:只有正确设置了输入框的 type 类型,才能被赋予正确的样式. 支持的输入框控件 包括:text.password.datetime.datetime-local.date.month.time.week. number.email.url.search.tel 和 color. <form> <div class="form-group"> <label>电子邮件</label> <input type=&

设置复选框的只读效果，并且可通过表单提交

在Web开发中,有时候需要显示一些复选框(checkbox),表明这个地方是可以进行勾选操作的,但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选(比如在信息展示页面),这时候就需要将复选框设置成只读的效果. 提到只读,很容易想到使用readonly属性,但是对于复选框来说,这个属性和期望得到的效果是有差别的.原因在于readonly属性关联的是页面元素的value属性(例如textbox,设置了readonly就不能修改输入框的文本内容),而复选框的勾选/

JavaScript提高：002：ASP.NET使用easy UI实现tab效果

最近在做ASP.NET项目中,需要实现一个tab页控件.发现asp.net控件中没找到现成的.一般的实现都需要js和div配合.于是就用到了easyui里面的.使用也很简单,将easyui需要的js和样式文件都加载后.直接用div即可实现. 效果如下 代码也很简单,每个tab是一个div.引用easyui的样式即可. 页面代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server

Jquery学习笔记：操作form表单元素之二（复选框和单选框）

在上面文章的基础上,我们介绍如何操作表单元素中的 复选框和单选框. 一.复选框 <label> <input type="checkbox" id="item" checked> 全选</label> 注意,input标签要放在label标签内,这样点击文字时也会有反映. 如果选中了,调用  $("#item").prop("checked")返回true,否则返回false 同样利用pro