Html替換單選按鈕文字

我想用Google地圖顯示單選按鈕。有沒有辦法使用谷歌地圖而不是單選按鈕的字符串。Html替換單選按鈕文字

我可以顯示Google地圖和單選按鈕。

但是，我不知道如何用谷歌地圖取代單選按鈕文本。你能幫我麼？

HTML代碼

<!DOCTYPE html> 
<html> 
<head> 
<meta name="viewport" content="inital-scale=1.0 , user-scalable=no" /> 
<script src="http://maps.googleapis.com/maps/api/js?&sensor=false"></script> 

     <script > 
     function initialize() { 

      var fenway = new google.maps.LatLng(48.1391265, 11.580186300000037); 

      var mapOptions = { 
       zoom: 10, 
       center: fenway, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 

      }; 

      var map= new google.maps.Map(document.getElementById("map_canvas"),mapOptions); 

     } 
    </script> 
</head> 

<body onload="initialize()"> 
<div id="map_canvas" style="width: 500px; height: 500px"></div> 


<form> 
<input type="radio" name="A" value="c1">1<br> 
<input type="radio" name="B" value="c2">2 
</form> 

</body> 
</html>

來源

2012-10-25 John Smith

你能後的代碼你在這裏試過而不是僅僅在jsfiddle上？ –

我發佈了代碼。 –

看看這個jsfiddle「http://jsfiddle.net/D6ffv/」我做了我能理解你的查詢。 – djadmin

單選按鈕本身沒有顯示文本。您可以使用標籤的東西點擊一個單選按鈕，關聯像這樣：

<input type="radio" name="foo" id="foo1" /><label for="foo1">Foo #1</label>

所以，如果你想擁有其他非文本是什麼「東西點擊，」只需更換與文本，你的情況， Google地圖小部件。

<input type="radio" name="foo" id="foo1" /> 
<label for="foo1"> 
    <div id="map_canvas" style="width: 300px; height: 200px"></div> 
</label>

編輯： 沒有看到你的CSS，你可能必須沿着這個地方的東西線：

label 
{ 
    display:block; 
}

那麼試試這個：

<input type="radio" name="foo" id="foo1" /> 
<label for="foo1" style="display:inline;"> 
    <div id="map_canvas" style="width: 300px; height: 200px"></div> 
</label>

來源

2012-10-25 04:20:33

謝謝，這似乎工作，但我想顯示單選按鈕旁邊的地圖。你的情況顯示在下面。我該怎麼做？ –

@JohnSmith有很多方法可以做到這一點。最簡單的方法是確保你的標籤有CSS，使它成爲「display：inline」 - 試着先弄清楚自己，如果你不能得到它，我會更新樣本。 –

@JohnSmith我可以更新這個例子，但是你的第二個問題確實需要成爲一個新的SO問題。但答案是，你有兩張具有相同ID的地圖，這是無效的; ID必須是唯一的。 –

Html替換單選按鈕文字

回答

相關問題