iT邦幫忙

1

(已解決)根據點選哪一個name的radio,取得其value

小斑 2018-01-30 16:11:5840063 瀏覽

HTML程式大概是如下(for迴圈得出)

<input type="radio" name="status_1" value="1">
<input type="radio" name="status_1" value="2">
<input type="radio" name="status_1" value="3">
<input type="radio" name="status_2" value="1">
<input type="radio" name="status_2" value="2">
<input type="radio" name="status_2" value="3">
<input type="radio" name="status_3" value="1">
<input type="radio" name="status_3" value="2">
<input type="radio" name="status_3" value="3">

我想要根據點選哪一個name的radio,取得其value
目前javascript如下,只能取得name為status_1的value
請問應該如何修改呢?謝謝

function submit() {
      var obj=document.getElementsByName("status_1");
			  var selected=[];
			  for (var i=0; i<obj.length; i++) {
				if (obj[i].checked) {
				  selected.push(obj[i].value);
				  }
				}
			alert("您勾選的項目 : " + selected.join());
    };
froce iT邦大師 1 級 ‧ 2018-01-30 16:56:55 檢舉
你要找的是 ":checked" 吧?
我很少寫純 javascript,給你看到的網頁好了。
https://blog.wu-boy.com/2011/08/javascript-reference-select-and-option-objects-%E7%94%A8%E6%B3%95%E4%BB%8B%E7%B4%B9/

jQuery 可以直接用 $("[name='status_1']:checked").val() 來取得。
小斑 iT邦新手 3 級 ‧ 2018-01-31 11:23:54 檢舉
謝謝
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
2
純真的人
iT邦大師 1 級 ‧ 2018-01-31 09:59:40
最佳解答

純粹的Javascript應該是這樣~

    function submit() {
        var Total_Obj = document.getElementsByTagName("INPUT");
        var Str = "";
        for (var i = 0; i < Total_Obj.length; i++) {
            if (Total_Obj[i].type == "radio") {
                if (Total_Obj[i].checked) {
                    if (Str == "") {
                        Str = "您勾選的項目 : " + Total_Obj[i].value;
                    } else {
                        Str += "\n您勾選的項目 : " + Total_Obj[i].value;
                    }
                }
            }
        }
        alert(Str);
    }

小斑 iT邦新手 3 級 ‧ 2018-01-31 11:26:09 檢舉

謝謝
/images/emoticon/emoticon41.gif

1
石頭
iT邦高手 1 級 ‧ 2018-01-30 22:43:18

我使用JQuery 試試看合不合用

最主要使用 $('input[type=radio]') 選擇器來找radio,在上面綁定你要的事件來處理
連結

小斑 iT邦新手 3 級 ‧ 2018-01-31 11:25:44 檢舉

謝謝,您提供的JQuery也合用
/images/emoticon/emoticon41.gif

0
untitled
iT邦新手 5 級 ‧ 2018-02-01 09:31:42

下面這篇文章蠻實用,可以參考一下
https://ithelp.ithome.com.tw/articles/10095237

小斑 iT邦新手 3 級 ‧ 2018-02-08 15:33:50 檢舉

謝謝

1
asd0210a
iT邦見習生 ‧ 2020-08-19 17:38:13
document.querySelector('[name=status_1]:checked')

我要發表回答

立即登入回答