C# radio button跳出相對應圖片

visual studio c# asp.net mvc

Tsuki 2021-11-14 16:33:19 ‧ 1399 瀏覽

分享至

繼上一篇判讀天氣顯示圖片後...
有沒有可能用radio button 點一下更換兩種不同的圖片呢

archer9080 iT邦研究生 4 級 ‧ 2021-11-15 09:05:42 檢舉

>>>用radio button 點一下更換兩種不同的圖片

可以

YoChen iT邦研究生 1 級 ‧ 2021-11-15 11:12:11 檢舉

您可以透過Javascript檢查checked attribute或是追蹤event handler，然後去更換img的src

mis2000lab iT邦好手 1 級 ‧ 2021-11-15 13:58:46 檢舉

請問是 Web Form或 Windows Form？或是哪種情況下的radio button

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

海綿寶寶

iT邦大神 1 級 ‧ 2021-11-15 16:05:25

最佳解答

可能

<img id="imageid"/><br/>
<input type="radio" id="opt1" name="rgroup" onclick="setpic(1);">
<label for="opt1">Option 1</label><br>
<input type="radio" id="opt2" name="rgroup" onclick="setpic(2);"/>
<label for="opt2">Option 2</label><br>

function setpic(x) {
	img = document.getElementById("imageid");
  
	if (x==1) {
  	img.src = "https://www.cwb.gov.tw/V8/assets/img/weather_icons/weathers/svg_icon/day/02.svg";
  }
  else if (x==2) {
  	img.src = "https://www.cwb.gov.tw/V8/assets/img/weather_icons/weathers/svg_icon/night/04.svg";
  }
}