首頁猿問張貼未選中的HTML復選框

張貼未選中的HTML復選框

Html/CSS

達令說 2019-06-10 16:32:29

張貼未選中的HTML復選框我有很多默認選中的復選框。我的用戶可能會取消選中幾個復選框(如果有的話)，并保留其余復選框。有什么方法可以使表單將下面的復選框不檢查，而不是那些是查過了嗎？

查看完整描述

3 回答

哈士奇WWW

TA貢獻1799條經驗獲得超6個贊

使用不同的ID為復選框添加一個隱藏輸入：

<input id='testName' type='checkbox' value='Yes' name='testName'><input id='testNameHidden' type='hidden' value='No' name='testName'>

在提交表單之前，根據(jù)選中的條件禁用隱藏輸入：

if(document.getElementById("testName").checked) {
    document.getElementById('testNameHidden').disabled = true;}

反對回復 2019-06-10

子衿沉夜

TA貢獻1828條經驗獲得超3個贊

我通過使用vanilla JavaScript解決了這個問題：

<input type="hidden" name="checkboxName" value="0"><input type="checkbox" onclick="this.previousSibling.value=1-this.previousSibling.value">

注意不要在這兩個輸入元素之間有任何空格或換行！

你可以用this.previousSibling.previousSibling獲得“上層”元素。

使用PHP，您可以檢查指定的隱藏字段0(NOTSET)或1(SET)。

反對回復 2019-06-10

關注