JeeGit 官方论坛»论坛 › 灌水专区 › 灌水专区 › jquery 选择

admin

1 收听	0 听众	192 主题

jquery 选择

发表于 2022-11-13 09:18:25 | 查看: 1004| 回复: 2

//$('.ck'+(index+1)+(value.id)).attr("checked",'true');
//$('.ck'+(index+1)+(value.id)).attr("checked",'true');
//$("input[name='"+ckname+"']").attr("checked",'true');
var ckname=('ck'+(index+1)+(value.id));

$("input[name='"+ckname+"'").eq(value.scoresAnswer).attr("checked",'true');

收藏0 回复显示全部楼层道具举报

admin

发表于 2022-11-13 10:30:26

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/png" sizes="16x16"
href="${ctxStatic}/assets/images/favicon.png">
<title>Swagbucks : Coupons, Paid Online Surveys & Free Gift
Cards</title>
<link href="${ctxStatic}/assets/plugins/bootstrap/css/bootstrap.min.css"
rel="stylesheet">
<link
href="${ctxStatic}/assets/plugins/perfect-scrollbar/css/perfect-scrollbar.css"
rel="stylesheet">
<link href="${ctxStatic}/assets/plugins/c3-master/c3.min.css"
rel="stylesheet">
<link
href="${ctxStatic}/assets/plugins/toast-master/css/jquery.toast.css"
rel="stylesheet">
<link href="${ctxStatic}/main/css/style.css" rel="stylesheet">
<link href="${ctxStatic}/main/css/pages/dashboard1.css" rel="stylesheet">
<link href="${ctxStatic}/main/css/colors/blue.css" id="theme"
rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="fix-header fix-sidebar card-no-border">
<div class="preloader">
<div class="loader">
<div class="loader__figure"></div>
<p class="loader__label">Swagbucks</p>
</div>
</div>
<div id="main-wrapper">
<header class="topbar">
<nav class="navbar top-navbar navbar-expand-md navbar-light">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">  <b>
<img src="${ctxStatic}/favicon.png"
alt="homepage" class="dark-logo" />
</b>   <span>
<img
src="${ctxStatic}/assets/images/swagbucks-logo.ad0daeaecc00f2ab694a.svg"
style="height: 200%; width: 200%;" class="light-logo"
alt="homepage" /></span>
</a>
</div>
<div class="navbar-collapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a
class="nav-link nav-toggler hidden-md-up waves-effect waves-dark"
href="javascript:void(0)"><i class="ti-menu"></i></a></li>
<li class="nav-item hidden-sm-down"><span></span></li>
</ul>
<ul class="navbar-nav my-lg-0">
<li class="nav-item dropdown"><a
class="nav-link dropdown-toggle waves-effect waves-dark" href=""
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
src="${ctxStatic}/assets/images/users/1.jpg" alt="user"
class="profile-pic" /></a>
<div class="dropdown-menu dropdown-menu-right animated flipInY">
<ul class="dropdown-user">
<li>
<div class="dw-user-box">
<div class="u-img">
<img src="${ctxStatic}/assets/images/users/1.jpg" alt="user">
</div>
<div class="u-text">
<h4>${currentUser.userName}</h4>
<p class="text-muted">${currentUser.loginCode}</p>
<p class="text-muted">${currentUser.updateDate}</p>
</div>
</div>
</li>
<li role="separator" class="divider"></li>
<li><a><i class="ti-user"></i> My Profile</a></li>
<li><a><i class="ti-wallet"></i> My Balance</a></li>
<li><a><i class="ti-email"></i> Inbox</a></li>
<li role="separator" class="divider"></li>
<li><a><i class="ti-settings"></i> Account Setting</a></li>
<li role="separator" class="divider"></li>
<li><a href="${ctx}/login.html"><i
class="fa fa-power-off"></i> Logout</a></li>
</ul>
</div></li>
</ul>
</div>
</nav>
</header>
<aside class="left-sidebar">
<div class="scroll-sidebar">
<nav class="sidebar-nav">
<ul id="sidebarnav">
<li><a class="active questiontype" aria-expanded="false"><i
class="mdi mdi-gauge"></i><span class="hide-menu">Random</span></a></li>
<#html:foreach items="${listQuestionType}"
var="questionType,status">
<li><a class="questiontype" aria-expanded="false"><i
class="mdi mdi-gauge"></i><span class="hide-menu">${questionType.dictLabel}</span></a></li>
</#html:foreach>
</ul>
</nav>
</div>
</aside>
<div class="page-wrapper" id="app">
<div class="container-fluid r-aside">
<div class="row page-titles">
<div class="col-md-5 align-self-center">
<h3 class="text-themecolor">Random</h3>
</div>
<div class="col-md-7 align-self-center">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
<li class="breadcrumb-item">Questions</li>
<li class="breadcrumb-item active">Random</li>
</ol>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="d-flex no-block">
<div class="m-r-20 align-self-center">
<span class="lstick m-r-20"></span><img
src="${ctxStatic}/assets/images/USDT.svg" alt="Income" />
</div>
<div class="align-self-center">
<h6 class="text-muted m-t-10 m-b-0">Total USDT</h6>
<h2 class="m-t-0" v-text="Total_USDT">${Total_USDT}</h2>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="d-flex no-block">
<div class="m-r-20 align-self-center">
<span class="lstick m-r-20"></span><img
src="${ctxStatic}/assets/images/sharpicons_safe-database.svg"
alt="Income" />
</div>
<div class="align-self-center">
<h6 class="text-muted m-t-10 m-b-0">Total Score</h6>
<h2 class="m-t-0" v-text="Total_Score">${Total_Score}</h2>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="d-flex no-block">
<div class="m-r-20 align-self-center">
<span class="lstick m-r-20"></span><img
src="${ctxStatic}/assets/images/USDT-blue.svg" alt="Income" />
</div>
<div class="align-self-center">
<h6 class="text-muted m-t-10 m-b-0">Total Users</h6>
<h2 class="m-t-0" v-text="Total_Users">${Total_Users}</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<div class="d-flex no-block">
<div>
<h4 class="card-title">
<span class="lstick"></span>Welcome to here,Dear!
</h4>
</div>
</div>
<div class="row">
<div class="col-lg-12" id="slimtest4" style="height: 380px;">
<form id="questionform" method="post" class="m-t-10"
novalidate>
<div class="row">
<div v-for="(item,index) in questions" class="col-md-12">
<div class="form-group" :id="'ck'+(index+1)">
<h5 v-text="(index+1)+':'+item.title">
<span class="text-danger">*</span>
</h5>
<div :class="'ck'+(index+1)+' ckfieldset controls'">
<fieldset v-if="item.firstItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="1" :checked="" :name="'ck'+(index+1)+item.id" required
class="custom-control-input"><span
class="custom-control-label" v-text="item.firstItem"></span>
</label>
</fieldset>
<fieldset v-if="item.secondItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="2" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.secondItem"></span>
</label>
</fieldset>
<fieldset v-if="item.thirdItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="3" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.thirdItem"></span>
</label>
</fieldset>
<fieldset v-if="item.fourthItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="4" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.fourthItem"></span>
</label>
</fieldset>
<fieldset v-if="item.fifthItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="5" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.fifthItem"></span>
</label>
</fieldset>
<fieldset v-if="item.sixthItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="6" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.sixthItem"></span>
</label>
</fieldset>
<fieldset v-if="item.seventhItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="7" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.seventhItem"></span>
</label>
</fieldset>
<fieldset v-if="item.eighthItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="8" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.eighthItem"></span>
</label>
</fieldset>
<fieldset v-if="item.ninthItems!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="9" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.ninthItems"></span>
</label>
</fieldset>
<fieldset v-if="item.tenthItems!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="10" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.tenthItems"></span>
</label>
</fieldset>
<fieldset v-if="item.eleventhItems!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="11" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label"
v-text="item.eleventhItems"></span>
</label>
</fieldset>
<fieldset v-if="item.twelvethItem!=''">
<label class="custom-control custom-checkbox"> <input
type="checkbox" value="12" :name="'ck'+(index+1)+item.id"
class="custom-control-input"><span
class="custom-control-label" v-text="item.twelvethItem"></span>
</label>
</fieldset>
</div>
</div>
</div>
</div>
<div class="text-xs-right">
<button type="button" class="btn btn-info btnsubmit">Submit</button>
<button type="reset" class="btn btn-inverse">Cancel</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<aside class="right-side-panel">
<div class="row">
<div class="col-md-12 m-t-10">
<div class="card-body little-profile text-center">
<div class="pro-img m-t-20">
<img src="${ctxStatic}/assets/images/users/4.jpg" alt="user">
</div>
<h3 class="m-b-10">${currentUser.userName}</h3>
<h6 class="text-muted">${currentUser.lastLoginIp}</h6>
<h6 class="text-muted">${currentUser.loginCode}</h6>
</div>
<div class="text-center">
<div class="row">
<div class="col-6 p-20 b-r">
<img
src="${ctxStatic}/assets/images/sharpicons_safe-database.svg"
style="height: 35%; width: 35%;" class="light-logo"
alt="homepage" />
<h4 class="m-b-0 m-t-5 font-medium" v-text="Users_SCORE">${Users_SCORE}</h4>
<small>Score</small>
</div>
<div class="col-6 p-20">
<img src="${ctxStatic}/assets/images/USDT.svg"
style="height: 35%; width: 35%;" class="light-logo"
alt="homepage" />
<h4 class="m-b-0 m-t-5 font-medium" v-text="Users_USDT">${Users_USDT}</h4>
<small>USDT</small>
</div>
</div>
</div>
<div class="row">
<div class="col-6 p-20">
<a href="javascript:void(0)" class="m-t-10 m-b-20"><img
src="${ctxStatic}/assets/images/share_cashout_red.svg"
style="height: 80%; width: 80%;" class="light-logo"
alt="homepage" /></a>
</div>
<div class="col-6 p-20">
<a href="javascript:void(0)" class="m-t-10 m-b-20 "><img
src="${ctxStatic}/assets/images/details.svg"
style="height: 80%; width: 80%;" class="light-logo"
alt="homepage" /></a>
</div>
</div>
</div>
</div>
</aside>
</div>
<footer class="footer">
© 2019 Swagbucks by <a target="_blank"
href="https://www.swagbucks.com">www.swagbucks.com </a>
</footer>
</div>
</div>
<script src="${ctxStatic}/assets/plugins/jquery/jquery.min.js"></script>
<script src="${ctxStatic}/assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="${ctxStatic}/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="${ctxStatic}/main/js/perfect-scrollbar.jquery.min.js"></script>
<script src="${ctxStatic}/main/js/waves.js"></script>
<script src="${ctxStatic}/main/js/sidebarmenu.js"></script>
<script src="${ctxStatic}/main/js/custom.min.js"></script>
<script
src="${ctxStatic}/assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="${ctxStatic}/assets/plugins/d3/d3.min.js"></script>
<script src="${ctxStatic}/assets/plugins/c3-master/c3.min.js"></script>
<script
src="${ctxStatic}/assets/plugins/toast-master/js/jquery.toast.js"></script>
<script src="${ctxStatic}/main/js/dashboard1.js"></script>
<script
src="${ctxStatic}/assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>
<link href="${ctxStatic}/css/colors/megna-dark.css" rel="stylesheet">
<script src="${ctxStatic}/js/validation.js"></script>
<script src="${ctxStatic}/vue.js"></script>
<script type="text/javascript">
var questiontype="";
var questionCount=0;
var questions;
var Total_USDT="${Total_USDT}";
var Total_Score="${Total_Score}";
var Total_Users="${Total_Users}";
var Users_USDT="${Users_USDT}";
var Users_SCORE="${Users_SCORE}";
var app = new Vue({
el: '#app',
data: {
questions: '加载中....',
Total_USDT: Total_USDT,
Total_Score: Total_Score,
Total_Users: Total_Users,
Users_SCORE: Users_SCORE,
Users_USDT: Users_USDT,
}, methods: {
initViewArticleData() {
var that = this;
$.get("getQuestion?questiontype="+questiontype, function (data, status) {
that.questions = data.listQuestions;
questions= that.questions;
$('#slimtest4').perfectScrollbar();
that.Total_USDT= data.Total_USDT;
that.Total_Score= data.Total_Score;
that.Total_Users= data.Total_Users;
that.Users_SCORE=data.Users_SCORE;
that.Users_USDT=data.Users_USDT;
});
},
}, onLoad() {
}
});
$(document).ready(function(){
$(".questiontype").bind("click", function() {
$(".questiontype").removeClass("active");
$(this).addClass("questiontype active");
questiontype=$(this).text();
app.initViewArticleData();
$('#slimtest4').perfectScrollbar();
});
$(".btnsubmit").bind("click", function() {
$.each(questions,function(index,value){
var ckname=('ck'+(index+1)+(value.id));
console.log(ckname+"："+value.scoresAnswer);
$("input[name='"+ckname+"'").eq(value.scoresAnswer).attr("checked",'true');
});
if($("#app").text().indexOf("This is required") >= 0 ) {
$("li").each(function(index,domEle){
if($(this).text().indexOf("This is required") >= 0 ) {
var $wrapper = $('#slimtest4'); // 父级容器
var $target = $(this); // 目标元素
$wrapper.scrollTop($target.offset().top - $wrapper.offset().top + $wrapper.scrollTop()-150)
$("#slimtest4").perfectScrollbar('update');
return false;
}
});
return;
}
$("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
$('#questionform').submit();
if($("#app").text().indexOf("This is required") >= 0 ) {
$("li").each(function(index,domEle){
if($(this).text().indexOf("This is required") >= 0 ) {
var $wrapper = $('#slimtest4'); // 父级容器
var $target = $(this); // 目标元素
$wrapper.scrollTop($target.offset().top - $wrapper.offset().top + $wrapper.scrollTop()-150)
$("#slimtest4").perfectScrollbar('update');
return false;
}
});
return;
}
$.ajax({
type: "POST",
url:'postanswer',
data:$('#questionform').serialize(),
dataType:'json',
error:function(data){
},
success:function(data){
showtoask("恭喜您答题成功，获得积分50分");
$(".custom-control-input").prop('checked',false);
app.initViewArticleData();
setTimeout(function() {
$(".custom-control-input").prop('checked',false);
$('#slimtest4').scrollTop(0);
}, 500);
}
});
});
$('#questionform').submit(function(){
return false;
});
});
app.initViewArticleData();
function showtoask(content){
$.toast({
heading: 'Welcome to Swagbucks',
text: content,
position: 'bottom-right',
loaderBg: '#f33c49',
icon: 'info',
hideAfter: 6000,
stack: 6
});
}
</script>
</body>
</html>

复制代码

回复显示全部楼层道具举报

admin

发表于 2022-11-13 10:33:00

$.each(questions,function(index,value){
var ckname=('ck'+(index+1)+(value.id));
console.log(ckname+"："+value.scoresAnswer);
$("input[name='"+ckname+"'").eq(value.scoresAnswer).attr("checked",'true');
});

复制代码

回复显示全部楼层道具举报

返回列表

		自动登录	找回密码
密码			立即注册