Javascript 按钮而不是选择

我在一个网站上工作，我想用图标来选择旅行模式， 我有一个工作功能，但它只适用于选择输入。 有没有办法将其修改为与按钮一起使用

提前谢谢

功能：

function calcRoute() {
  var selectedMode = document.getElementById("mode").value;
  var request = {
      origin: thuis,
      destination: kabk,
      // Note that Javascript allows us to access the constant
      // using square brackets and a string value as its
      // "property."
      travelMode: google.maps.TravelMode[selectedMode]
  };
  directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setDirections(response);
    }
  });

HTML-选择输入

<select id="mode" onchange="calcRoute();">
    <option value="DRIVING">Driving</option>
    <option value="WALKING">Walking</option>
</select>

驱动
行走

HTML-按钮输入（？）

---

按钮没有

onchange

事件。改用

onclick

事件

<form id="mode">
    <input type="button" onclick="calcRoute(this);" value="DRIVING" />
    <input type="button" onclick="calcRoute(this);" value="WALKING" />
</form>

到

功能计算器（ev）{
var ev=ev | | window.event，
btn=（ev.target | | ev.src元素）；
var selectedMode=btn.value；//“this”将在演示中返回元素
var请求={
产地：苏伊斯，

---

：）

工作演示：

注意：第一行是

var selectedMode=document.getElementById（“mode”）.value；

。表单中没有

值。@Derek错过了。谢谢：）@Andreas，太冗长了；-
onclick=“calcRoute（this）；”
的痛苦要小得多。@Alexander我没有想到这一点。啊^^^谢谢：）谢谢你的帮助！把onChange和onClick事件混在一起真是太蠢了；-）。我让人调查了一下，他把
函数calcRoute（）
改为
函数calcRoute（selectedMode）
然后在事件中说明旅行模式：
onclick=“calcRoute（'DRIVING'）；”
<form id="mode">
    <input type="button" onclick="calcRoute(this);" value="DRIVING" />
    <input type="button" onclick="calcRoute(this);" value="WALKING" />
</form>

function calcRoute() {
   var selectedMode = document.getElementById("mode").value;
   //...

function calcRoute(btn) {
    var selectedMode = btn.value;
    // ...

function calcRoute(ev) {
    var ev = ev || window.event,
        btn = (ev.target || ev.srcElement);
    var selectedMode = btn.value;  //"this" will return the element in the demo
    var request = {
        origin: thuis,


<form id="mode">
            <!--Use onClick-->
    <input type="button" onclick="calcRoute(ev);" value="DRIVING" />
    <input type="button" onclick="calcRoute(ev);" value="WALKING" />
</form>