如何设置提交按钮作为选项?

时间:2012-07-05 08:39:34

标签: html submit option

我正在做问答页面。我的问题是我可以使用提交按钮作为选项。我试过了,但似乎行不通。这是代码:

    <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"/>

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

1 个答案:

答案 0 :(得分: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>