<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<style>
.main_l .content{ margin:10px auto; width:480px; text-align:left; margin-bottom:50px}
.main_l .content .question{padding:10px 0; display:none;}
.main_l .content .q_title{ margin-bottom:30px;color:#27F;}
.main_l .item,.content .last_item{ font-size:15px; padding:5px 12px;line-height:28px; background:#f8f8f8; border:1px solid #ddd; margin-bottom:15px; cursor:pointer; color:#565656}
.content .item:hover,.content .last_item:hover{background:#eee; border:1px solid #ddd;}
</style>
<p style="color:#F06; line-height:30px; text-align:center; margin:20px;">已完成：<span id="count">0</span>/1，计时：<span id="show_time">0</span> 秒</p>
<div class="content">
<form action="./" method="post" id="form1" name="form1">
<input type="hidden" id="v_time" name="v_time" />
<input type="hidden" id="follow" name="follow" />


<div class="question" style="display:block">
    <p class="q_title">七八个朋友一起饭局，约好AA，服务员过来结账时，计算结果是除了整钱外，还有10块钱要平摊，每人还要再掏一块多零钱。这时，你的反应是什么？</p>
    <p class="last_item"><input type="radio" name="i1" value="1"/>A、既然说好AA，那就平摊咯</p>
    <p class="last_item"><input type="radio" name="i1" value="2"/>B、一块几？我直接拿出一块五吧</p>
    <p class="last_item"><input type="radio" name="i1" value="3"/>C、反正都是朋友，这十块钱我出</p>
	<p class="last_item"><input type="radio" name="i1" value="4"/>D、怎么会超出预算呢？</p>
    <p style="text-align:center; margin-top:30px;">
    <a href="#" onclick="on_submit(); return false;"><img src="http://app.qpic.cn/mblogpic/05f902135224a3463866/2000" /></a>
    </p>
</div>
</form>
</div><!--/content-->

<script>
var v_time=0;
var current_i=0;
var i1_ischecked=0;
$(function()
{
	$('.item').click(function()
	{
		
		$(this).children('input').attr('checked',true);
		current_i++;
		$('#count').html(current_i);
		$(this).parent('.question').hide(300);
		$(this).parent('.question').next().show(300);
	});
	$('.item').hover(function(){$(this).css('background','#eee');},function(){$(this).css('background','#f8f8f8');});
	
	$('.last_item').click(function()
	{
		$(this).children('input').attr('checked',true);
		if(i1_ischecked==0)
		{
			current_i++;
			$('#count').html(current_i);
		}
		i1_ischecked=1;
	});
	$('.last_item').hover(function(){$(this).css('background','#eee');},function(){$(this).css('background','#f8f8f8');});

});
function on_submit()
{
	document.getElementById('v_time').value=v_time;
	if(i1_ischecked==0)
	{
		alert('请选择一项！');
		return;
	}
	var form1=document.getElementById('form1');
	form1.submit();
}

function show_time()
{
	v_time++;
	document.getElementById('show_time').innerHTML=v_time;
	r_show_time();
}
function r_show_time()
{
	setTimeout("show_time()", 1000);
}
setTimeout("show_time()", 1000);
</script>