如何從表格輸入type = radio獲取值？

Question

<input type="radio" value="0" name="type" checked="yes" />
<label>Type 0</label>
<input type="radio" value="1" name="type" />
<label>Type 1</label>

和js：

var type = this.type.value;
alert(type);

如何解決？

Answer 1

該JS代碼在什么情況下運行？ 如果this是有問題的單選按鈕，則this.value將返回該值。

如果您的問題是“如何獲取“類型”組中當前選中的單選按鈕的值？” 那么您可能需要執行以下操作：

function getCheckedRadioValue(radioGroupName) {
   var rads = document.getElementsByName(radioGroupName),
       i;
   for (i=0; i < rads.length; i++)
      if (rads[i].checked)
          return rads[i].value;
   return null; // or undefined, or your preferred default for none checked
}

var checkedValue = getCheckedRadioValue("type");

（使用.querySelector()或.querySelectorAll()會更容易，但並非所有瀏覽器都支持它們。）

Answer 2

只需使用選擇器。

用jQuery

$("input[name=type]:checked").val();

還是沒有jQuery：

document.querySelector("input[name=type]:checked").value;

Answer 3

只需使用this.value而不是this.type.value 。

this.value將選擇與輸入的value屬性關聯的value 。 （滿口）。

Answer 4

使用jQuery，您可以這樣做

   $(function() {
        $(".rad").click(
        function() {
             alert(this.value);
        });
    });

看到這個JSFiddle