ラジオボタンを選択してから「ボタン」をクリックすると
選択したラジオボタンのvalueがアラートに出る
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<!DOCTYPE html>
<html>
<body>
<form id="form1">
<input type="radio" name="radio1" id="radio1_1" value="yes" checked="checked">
<label for="radio1_1">はい</label>
<br>
<input type="radio" name="radio1" value="no" id="radio1_2">
<label for="radio1_2">いいえ</label>
</form>
<br>
<button type="button" id="bt">ボタン</button>
<script>
document.getElementById("bt").onclick = get_radio;
function get_radio() {
var form = document.getElementById("form1");
var radio1 = form.radio1;
var selected_value = radio1.value;
alert(selected_value);
}
</script>
</body>
</html>
|
意訳これはHTML5文書です フォームを置く 1つめのラジオボタン そのラベル ２つめのラジオボタン そのラベル ボタンを置く ボタンがクリックされたらget_radioを実行する この機能がやること 対象のフォームを取得して 対象のグループ(name)を取得して 選択されている値を取得して アラートに出す |
補足
こういうやり方もある
こういうやり方もある
コード.gsfunction get_radio_value(id) {
var form = document.getElementById(id)
for(var i = 0; i < form.length; i++) {
var elem = form[i]
var check = elem.checked
if(check === true){
return elem.value
}
}
return "";
}
|
