我在從復選框欄位獲取值時遇到問題，我嘗試了這種方法，但它僅適用于無線電型別欄位。
function writee(){
var x = document.forms["formz"].music.value
oo=window.open(" ","tab","width=300,height=350")
oo.document.open()
oo.document.write(x)
}<form name="formz">
What music do you prefer:
<input type="checkbox" name="music" value="rock" > Rock
<input type="checkbox" name="music" value="techno"> Techno
<input type="checkbox" name="music" value="pop"> Pop
</form>
<button onclick="writee()">button</button>uj5u.com熱心網友回復：
function writee(){
var markedCheckbox =document.querySelectorAll('input[type="checkbox"]:checked');
let checkedValues = '';
for (var checkbox of markedCheckbox) {
checkedValues = checkbox.value ' ';
}
console.log(checkedValues);
// oo=window.open(" ","tab","width=300,height=350")
// oo.document.open()
// oo.document.write(x)
}<form name="formz">
What music do you prefer:
<input type="checkbox" value="rock" > Rock
<input type="checkbox" value="techno"> Techno
<input type="checkbox" value="pop"> Pop
</form>
<button onclick="writee()">button</button>uj5u.com熱心網友回復：
function writee() {
var checkboxes = Array.from(document.forms["formz"].music);
var checked = checkboxes.filter((item) => item.checked);
const values = checked.map((item) => item.value);
console.log(values);
}<form name="formz">
What music do you prefer:
<input type="checkbox" name="music" value="rock" /> Rock
<input type="checkbox" name="music" value="techno" /> Techno
<input type="checkbox" name="music" value="pop" /> Pop
</form>
<button onclick="writee()">button</button>我只是稍微修改了一下。
- 使用表單鍵從表單中獲取所有相關復選框
- 使用將它們轉換為 Javascript 陣列，
Array.from()以便我們可以使用陣列方法 - 過濾所有選中的復選框
- 獲取選中復選框的值并記錄它。（您可以根據自己的需要使用這些值
我希望這能回答這個問題
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/327196.html
標籤：javascript 形式
上一篇：顫振、溢位、SingleChildScrollView。這是一個螢屏內的表單，這次SingleChildScollViewFix對我有用嗎？