<h3>5. 如果您在***网预订过酒店,预订过的是几星级的酒店?(可多选)
</h3>
<div id="item5">
<input name="hotelStar" id="hotelStar-1" value="1" type="checkbox">经济型
<input name="hotelStar" id="hotelStar-2" value="2" type="checkbox">三星级
<input name="hotelStar" id="hotelStar-3" value="3" type="checkbox">四星级
<input name="hotelStar" id="hotelStar-4" value="4" type="checkbox">五星级
<input name="hotelStar" id="hotelStar-5" value="5" type="checkbox">没有预订过酒店
<span id="hotelStar-error">
</span></div>
<h3>6. 如果您在***网预订过酒店,平均隔多久在本网站上预订一次?</h3>
<div id="item6">
<input name="bookInterval" id="bookInterval-1" value="1" type="radio">1周
<input name="bookInterval" id="bookInterval-2" value="2" type="radio">1月
<input name="bookInterval" id="bookInterval-3" value="3" type="radio">1季度
<input name="bookInterval" id="bookInterval-4" value="4" type="radio">1年
<input name="bookInterval" id="bookInterval-5" value="5" type="radio">>1年
<input name="bookInterval" id="bookInterval-6" value="6" type="radio">没有预订过酒店
<span id="bookInterval-error">
</span></div>
。。。
<h3>12. 在本网站您主要为谁预订酒店?(可多选)</h3>
<div id="item12">
<input name="orderFor" id="orderFor-1" value="1" type="checkbox">自己旅游
<input name="orderFor" id="orderFor-2" value="2" type="checkbox">自己出差
<input name="orderFor" id="orderFor-3" value="3" type="checkbox">家人或朋友
<input name="orderFor" id="orderFor-4" value="4" type="checkbox">同事
<input name="orderFor" id="orderFor-5" value="5" type="checkbox">代为客户预订
<input name="orderFor" id="orderFor-6" value="6" type="checkbox">没有预订过酒店
<span id="orderFor-error">
</span></div>
选择一个页面上的多个元素(控件):
选择
item5
,item12,item13
下的所有的
checkbox
,注册
click
事件
$("#item5
> input:checkbox,
#item12 >
input:checkbox,
#item13 >
input:checkbox").click(checkBoxClickHandler);
//
当选择预定的次数是
1
次,变
checkbox
为单选。
function checkBoxClickHandler(){
//
获取name = “bookTimes”
的元素中被选中的那个元素的value
的值
times = $('input[@name=bookTimes][@checked]').val();
if(times == null
|| times != 2){
return;
}
//
取被点击的元素的父亲元素的id
var parentId =
$(this).parent().attr("id");
//
取父亲元素下的所有的checkbox
checkboxs =
$("#" + parentId + " > input:checkbox");
//
如果被单击的checkbox
没有被选中
if($(this).attr("checked") == false){
//
所有的checkbox
可选
checkboxs.removeAttr('disabled');
return;
}
//
除了被选中之外的所有checkbox
不可用,disabled
checkboxs.attr('disabled',true);
$(this).removeAttr('disabled');
}
分享到:
相关推荐
在ie\ff下测试过,都可以使用.实现单选,也可以取消选择
checkbox单选复选按钮美化代码是一款基于CSS3实现的checkbox美化单选按钮和复选按钮美化样式。
css3制作checkbox单选按钮美化代码是一款勾选按钮美化,单选按钮美化效果代码。
主要介绍了JS实现checkbox互斥(单选)功能,涉及JavaScript针对页面元素属性的判断及动态操作相关实现技巧,需要的朋友可以参考下
gridview编辑删除,checkbox单选全选 数据库自行配置
JavaScript 关于checkBox 全选 单选 RadioButton 全选 单选 制定用户选中页面控件;等......
用checkbox实现的单选功能,很简单的js代码。
纯css3制作checkbox单选按钮美化样式特效源码.zip
效果描述: 基于jQuery的一款插件,可以让你的input输入框 ...无论是单选还是多选,都实现的很漂亮 使用方法: 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确)
js实现checkbox的radio单选效果,且可取消选择
以上所述是小编给大家介绍的Asp.net 中使用GridView控件实现Checkbox单选,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!
用javascript判定chackbox全选或多选
jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip
5个漂亮的css3单选按钮美化动画代码,checkbox美化特效,勾选按钮美化效果代码下载。
最近想学者用js做适合触摸的单选(radiobox)和多选(checkbox)控件,起因是:1、不想用就jQuery,因为用它就解决这么一个问题感觉有点像大炮打蚊子;2、想用css做出toggle switch那种感觉很困难,而且这种开关只支持...