<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>新建投票</title>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript">
var vote_max = 35;
var vote_count = 2;
</script>
<link href="vote.css" rel="stylesheet">
</head>
<body>
<div id="outter">
<div id="inner">
<div id="content">
<div id="vote">
<div id="voteinfo">
<span id="infotitle">投票说明:</span>
<textarea rows="3" cols="40">通过设置下面的内容,最后形成一个json对象,通过json传递 --------------------isea533----------------------</textarea>
</div>
<ul>
<li class="votetitle">
<span class="votetitleleft">选项:最多可填写<script type="text/javascript">document.write(vote_max);</script>个选项</span>
<span class="votetitleright"><input type="checkbox" id="voteconfig1">多选模式</span>
</li>
<li class="votechoice">
<input type="text" name="choice1"/><span class="votedel" title="删除"></span>
</li>
<li class="votechoice">
<input type="text" name="choice2"/><span class="votedel" title="删除"></span>
</li>
<li class="addchoice">
<span id="addchoice" title="增加一个选项">+增加一个</span><span id="complete">完成</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
$('.votedel').live("click", function(){
vote_count--;
$(this).parent().remove();
});
$("#addchoice").click(function(){
if(vote_count<vote_max){
if(vote_count>6){
$("#vote").css("height",$("#vote").css("height")+35);
}
vote_count++;
$('<li class="votechoice">'+
'<input type="text" name="choice"/><span class="votedel" title="删除"></span></li>')
.insertBefore(".addchoice");
}
else{
alert("已经"+vote_max+"个了,不能在添加了!");
}
});
$("#complete").click(function(){
var nullcheck = true;
var json='{';
json = json+'info:"'+$("#voteinfo textarea").val()+'",';
//处理全部选项,整理成json,发送到下一个页面展示
if($("#voteconfig1").attr("checked")=="checked"){
json+='multi:true,';
}
else{
json+='multi:false,';
}
json+='choices:[';
$.each($(".votechoice"),function(i,item){
if($(item).find("input").val()==""){
alert("不能还有空的内容!");
nullcheck = false;
return nullcheck;
}
if(i>0){
json+=',';
}
json = json+'{name:"choice'+i+'",value:"'+$(item).find("input").val()+'",num:0,percent:0}';
});
if(!nullcheck){
return;
}
json+=']}';
window.open("votechoose.html?vote="+encodeURI(json.replace(/\n/g,'<br/>')));
});
});
</script>
</body>
</html>
评论30
最新资源