我是靠谱客的博主 冷傲黄豆,最近开发中收集的这篇文章主要介绍onclick事件传参值出现变化,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<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" href="../../favicon.ico">
<title>Jumbotron Template for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="../../dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="jumbotron.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="../../assets/js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<table class="table table-hover table-nomargin table-bordered">
<thead>
<tr>
<th>会员编号</th>
<th>注册时间</th>
<th>手机号码</th>
<th>状态</th>
<th width="110px;">操作</th>
</tr>
</thead>
<tbody>
<#list users as user>
<tr>
<td>${user.userId}</td>
<td>${user.createDate}</td>
<td>${user.mobile}</td>
<td>${(user.status=='1')?string("正常","冻结")}</td>
<td><a href="#modal-detail" data-toggle="modal" οnclick="loadUserBasicInfo(${user.id});">查看</a> |
<a data-toggle="modal" οnclick="openChannel('${user.userId}');">设置</a> |
<#if user.status=='1'>
<a href="#" οnclick="frozenUser(${user.id})">冻结</a>
<#elseif user.status=='0'>
<a href="#" οnclick="thawUser(${user.id})">解冻</a>
</#if>
</td>
</tr>
</#list>
</tbody>
</table>
<div id="modal-channel" class="modal fade" role="dialog" data-backdrop="static">
<div class="modal-dialog">
<div class="modal-content">
<form id="setChannelForm" method="post">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">会员渠道设置</h4>
</div>
<!-- /.modal-header -->
<div class="modal-body">
<div class="form-horizontal">
<div class="form-group">
<input type="hidden" id="userIdOfChannel" name="userIdOfChannel">
<label for="textfield" class="control-label col-sm-3">会员渠道:</label>
<div class="col-sm-9" id="patnerChannel">
</div>
</div>
</div>
</div>
<!-- /.modal-body -->
<div class="modal-footer" style="text-align: center;">
<button type="button" class="btn btn-primary" οnclick="setChannel();">保
存</button>
<button type="button" class="btn btn-primary" data-dismiss="modal">返
回</button>
</div>
<!-- /.modal-footer -->
</form>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</body>
<script type="text/javascript">
function openChannel(userId){
$("#patnerChannel").empty();
$.ajax({
url : "${rc.contextPath}/member/user/allChannel",
data : {userId:userId},
async : false,
type : 'GET',
success : function(resDto) {
if(resDto.resCode == 1){
var data = resDto.resData;
var channels = new Array;
channels = data;
var innerHtml = '';
for(var i=0;i<channels.length;i++){
innerHtml += '<input type="checkbox" value="'+channels[i].id+'" name="partnerChannelIds">'+channels[i].name;
}
$("#userIdOfChannel").val(userId);
$("#patnerChannel").append(innerHtml);
$("#modal-channel").modal("show");
}else{
bootbox.alert(resDto.Message);
}
},
error : function(errmsg) {
bootbox.alert("系统未知错误");
}
})
}
</script>
</html>


<a data-toggle="modal" οnclick="openChannel('${user.userId}');">设置</a>

onclick事件针对String需要在括号里加上引号,否则会出现值出现变化的情况

最后

以上就是冷傲黄豆为你收集整理的onclick事件传参值出现变化的全部内容,希望文章能够帮你解决onclick事件传参值出现变化所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(77)

评论列表共有 0 条评论

立即
投稿
返回
顶部