2012-07-05 30 views
1

我在做问答页面。我的问题是我可以使用提交按钮作为选项。我试过了,但它似乎不起作用。下面是代码:如何设置提交按钮作为选项?

<textarea name="questn" readonly="readonly" cols="45" rows="5">Question</textarea> 
    <input type="submit" class="myButton" name="option" value="optiona" /> 
    <input type="submit" class="myButton" name="option" value="optionb"/> 
    <input type="submit" class="myButton" name="option" value="optionc"/> 
    <input type="submit" class="myButton" name="option" value="optiond"/> 

我想在这里做的是,当用户点击一个选项,它会检查该值是否与正确回答这个问题。我不想为此使用单选按钮。我正在使用图像作为选项。这可能吗? 请帮忙

回答

0

你可以用jQuery来做到这一点。

访问此页面

http://www.w3schools.com/jquery/event_submit.asp

你的时候所选的项目也必须编写JavaScript代码来触发它/点击

注:使用形式选择

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>radio selector example</title> 
<script language="javascript" src="javascript/jquery-1-7-2-mini.js"></script> 

</head> 

<body> 
Chose your car: 
<form action="index.html" id="form_id"> 
<input type="radio" class="radio" name="car" value="Car1" /> Car1<br /> 
<input type="radio" class="radio" name="car" value="Car2" /> Car2<br /> 
<input type="radio" class="radio" name="car" value="Car3" /> Car3<br /> 
<input type="radio" class="radio" name="car" value="Car4" /> Car4<br /> 
<input type="radio" class="radio" name="car" value="Car5" /> Car5<br /> 
<input type="radio" class="radio" name="car" value="Car6" /> Car6<br /> 
<input type="radio" class="radio" name="car" value="Car7" /> Car7<br /> 
<input type="radio" class="radio" name="car" value="Car8" /> Car8 
</form> 

<script language="javascript"> 
$(document).ready(function(){ 
    $("input.radio").click(function(){ 
     $("form#form_id").submit(); $() 
    });      

}); 

</script> 


</body> 
</html> 
+1

请切莫链接到w3schools(详情请参阅http://w3fools.com)。尽管链接到*的页面可能包含正确的信息,但有很多页面没有这些信息,并且链接到它使站点具有可信性,因此它不值得 – freefaller 2012-07-05 08:57:56

+0

我可以使用图像而不是单选按钮 – Avinash 2012-07-05 09:12:01

+0

也可以下载项目从 https://www.dropbox.com/s/8n8wl05s5v3exv1/test.rar – bmavus 2012-07-05 17:06:14