<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=9" />
</head>
<script src="jquery-1.7.1.js"></script>
<script>
$(function () {
$(".Pro-questionnaire>.ques").each(function () {
var icur = $(this).children("ul").children("li");
for (var i = 0; i < icur.length; i++) {
if (icur.eq(i).find("input")[0].checked) {
icur.eq(i).find("input").siblings("label").addClass("cur");
}
}
$(this).children("ul").find("label").click(function (event) {
//选择被选中而且类型为Checkbox的对象
if ($(this).siblings("input").attr("type") == 'checkbox') {
if ($(this).hasClass("cur")) {
$(this).removeClass("cur");
$(this).siblings("input")[0].checked = false;
}
else {
$(this).siblings("input")[0].checked = true;
$(this).addClass("cur");
}
}
//选择被选中而且类型为radio的对象
else if ($(this).siblings("input").attr("type") == 'radio') {
if ($(this).hasClass("cur")) {
$(this).removeClass("cur");
$(this).siblings("input")[0].checked = false;
}
else {
$(this).parent("li").siblings("li").children("input").attr("checked", false);
$(this).parent("li").siblings("li").children("label").removeClass("cur");
$(this).siblings("input")[0].checked = true;
$(this).addClass("cur");
}
}
event.preventDefault();
event.stopPropagation();
});
});
});
</script>
<style>
#rdoLsit_0
{
height: 20px;
width: 20px;
}
.Pro-questionnaire
{
background: #f6f6f6;
padding: 14px 21px;
width: 628px;
margin: 0 auto;
overflow: hidden;
margin-top: 20px;
}
.Pro-questionnaire .ques, .Product-releaseinfo .ques
{
background: url("/Images/probj_03.gif") repeat-x left bottom;
padding-bottom: 15px;
margin-bottom: 19px;
}
.Pro-questionnaire h3
{
font-size: 14px;
color: #595757;
font-weight: bold;
margin-bottom: 10px;
}
.Pro-questionnaire ul li
{
font-size: 14px;
color: #9fa0a0;
display: inline;
}
.Pro-questionnaire ul li input
{
display: none;
}
.Pro-questionnaire .continueBtn
{
float: right;
}
.Pro-questionnaire ul li label
{
display: inline-block;
cursor: pointer;
padding: 6px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #fff;
margin-right: 5px;
margin-bottom: 10px;
}
.Pro-questionnaire ul li label.cur
{
background: #2dade6;
color: #fff;
}
</style>
<div class="Pro-questionnaire" id="rptQuestionstd">
<div class="ques">
<h3>1、什么是您的天花板照明灯具(请参看上面的图片),你最有可能使用的Spotlight风扇的高度嘛?</h3>
<ul id="rdoLsit">
<li>
<input id="rdoLsit_0" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="229" /><label for="rdoLsit_0">小于30cm</label></li>
<li>
<input id="rdoLsit_1" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="230" /><label for="rdoLsit_1">30毫米</label></li>
<li>
<input id="rdoLsit_2" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="231" /><label for="rdoLsit_2">40毫米</label></li>
<li>
<input id="rdoLsit_3" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="232" /><label for="rdoLsit_3">50毫米</label></li>
<li>
<input id="rdoLsit_4" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="233" /><label for="rdoLsit_4">60毫米</label></li>
<li>
<input id="rdoLsit_5" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="234" /><label for="rdoLsit_5">70毫米</label></li>
<li>
<input id="rdoLsit_6" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="235" /><label for="rdoLsit_6">80毫米</label></li>
<li>
<input id="rdoLsit_7" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="236" /><label for="rdoLsit_7">90毫米</label></li>
<li>
<input id="rdoLsit_8" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl00$rdoLsit" value="237" /><label for="rdoLsit_8">不使用</label></li>
</ul>
</div>
<div class="ques">
<h3>2、您的天花板照明灯具,你最有可能使用的Spotilight风扇的直径是什么?</h3>
<ul id="chkList">
<li>
<input id="chkList_0" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_0" value="238" /><label for="chkList_0">小于30毫米</label></li>
<li>
<input id="chkList_1" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_1" value="239" /><label for="chkList_1">40毫米</label></li>
<li>
<input id="chkList_2" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_2" value="240" /><label for="chkList_2">50毫米</label></li>
<li>
<input id="chkList_3" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_3" value="241" /><label for="chkList_3">60毫米</label></li>
<li>
<input id="chkList_4" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_4" value="242" /><label for="chkList_4">70毫米</label></li>
<li>
<input id="chkList_5" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_5" value="243" /><label for="chkList_5">80毫米</label></li>
<li>
<input id="chkList_6" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_6" value="244" /><label for="chkList_6">90毫米</label></li>
<li>
<input id="chkList_7" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_7" value="245" /><label for="chkList_7">100毫米</label></li>
<li>
<input id="chkList_8" type="checkbox" name="ctl00$ctl00$cp$cp$rptQuestions$ctl01$chkList$chkList_8" value="246" /><label for="chkList_8">不适用</label></li>
</ul>
</div>
<div class="ques">
<h3>3、你喜欢什么颜色的灯具呢?</h3>
<ul id="rdoLsit">
<li>
<input id="rdoLsit_0" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl02$rdoLsit" value="226" /><label for="rdoLsit_0">红色</label></li>
<li>
<input id="rdoLsit_1" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl02$rdoLsit" value="227" /><label for="rdoLsit_1">黑色</label></li>
<li>
<input id="rdoLsit_2" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl02$rdoLsit" value="228" /><label for="rdoLsit_2">白色</label></li>
</ul>
</div>
<div class="ques">
<h3>4、 你想免费得不?</h3>
<ul id="rdoLsit">
<li>
<input id="rdoLsit_0" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl03$rdoLsit" value="258" /><label for="rdoLsit_0">是的</label></li>
<li>
<input id="rdoLsit_1" type="radio" name="ctl00$ctl00$cp$cp$rptQuestions$ctl03$rdoLsit" value="259" /><label for="rdoLsit_1">不用</label></li>
</ul>
</div>
</div>
相关推荐
一个样式(左右滑动选中的checbox),模仿安卓中滑动选中的效果,仅供参考。
Customize_checbox_src.zip
checkbox: $(“#chk1”).attr(“checked”,”);//不打勾 $(“#chk2”).attr(“checked”,true);//打勾 if($(“#chk1”).attr(‘checked’)==undefined) //判断是否已经打勾
最近在使用layui前端框架,在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。 有时候会发现,自己动态append进去的代码要不就是没有显示,要不就是初始化默认选中出问题。...
主要介绍了asp.net Checbox在GridView中的应用,结合实例形式分析了GridView中添加与使用Checbox的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
今天小编就为大家分享一篇layui的checbox在Ajax局部刷新下的设置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
利用Jquery实现的自定义美化radio与checkbox,好东西赶紧下的额。
下载积分被CSDN设置了50积分,非本人所为。没有积分的可以参看这篇文章。文章中代码基本都贴出来了。https://blog.csdn.net/qq_20521573/article/details/52073472
Checbox-Validation-Sanitize-PHP 一个简单的脚本来验证复选框 :globe_with_meridians: :globe_with_meridians: :globe_with_meridians: :globe_with_meridians: :globe_with_meridians: :globe_with_meridians: :...
获取GridView中Checkbox的值
Android ListView 带CheckBox框,点击选择,反选,全选,全不选等功能,并且显示选择的数量。
定制无线电和仅复选框的css Personaliza los复选框和单选CSS收音机。乌苏 < input type = ”radio | checkbox” name = ”miawesomecheckboxorradio” id = ”miradioorcheckboxid” checked >...
iCheck_跨浏览器漂亮的自定义复选框和单选按钮插件
今天小编就为大家分享一篇layui实现checkbox的目录树tree的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
MFC C++ListCtrl自绘控件,支持进度条、贴图,方框变色,下拉框、checBox复选框等功能,功能强大
SimpleCheckbox旨在实现其他ios复选框控件所没有的功能。 简单点。 没有动画,没有IBDesignable来减慢界面生成器的速度,也没有性能沉重的绘制方法。 :party_popper: 特征 :ledger: 文献资料 ...