選択されているラジオボタンの値を取得する ことはできたけれど
これだと id を取得できないので
checkedになっている要素を見つけてあげて
そこからidを取得してみる
コード.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 elem = "";
for (var i = 0; i < radio1.length; i++) {
if (radio1[i].checked) {
elem = radio1[i];
}
}
var elem_id = elem.id;
alert(elem_id);
}
</script>
</body>
</html>
|
意訳form ひとつめのラジオボタン そのラベル ふたつめのラジオボタン そのラベル ボタン idがbtの要素がクリックされたらget_radioを実行する この機能がやること idがform1の要素を取得して そのradio1という名前を持つ要素を取得して elemの入れ物を用意して radio1の要素の数だけ以下を繰り返す もしradio1の要素を順番に見て、もしチェックされていたら elemに入れる それ以外は何もせずに次の要素を見る elemのidを取得して アラートに表示する |