js:拿到radio、checkbox等form數據

網上有不少關於拿到form數據的方法,如果你覺的要用:

document.querySelectorAll("input[type=radio]")

之後再for循環,那就太low了。下面是兩個更簡便的方法。

方法一:FormData

var ejform = document.getElementById("ejform");
var ejformdata = new FormData(ejform);
var pointtype = ejformdata.get("pointtype");

這種方法不需要循環判斷了,但是對於checkbox,如果沒選,則返回null,不夠優雅。

更好的方法二:elements

var ejform = document.getElementById("ejform");
var pointtype = ejform.elements.pointtype.value;
var ckbox = ejform.elements.net.checked;

這種方法對於checkbox,可以取到「checked」的值為true或false。

2 thoughts on “js:拿到radio、checkbox等form數據”

    • vue需要node.js打包發布,修改一個小小的地方都要打包一次。

      當我在製作個人項目時,我沒有發現使用前端框架的必要性。

      Reply

Leave a Comment