我正在嘗試為可點擊的圖像制作一個 HTML 表單復選框，該圖像在初始化時是一個圖像，在單擊時是另一個圖像。它還應該能夠在其上存儲一兩個變量（因為我需要使用行和列變量生成它們）并使用提交按鈕。如果這是一個非常簡單的問題，我也很抱歉，我通常只在需要時使用 C# 和一點 PHP，但這次我被迫使用 html 和 CSS，而我從來不擅長這些。
1 回答
一只甜甜圈
TA貢獻1836條經驗 獲得超5個贊
這是一個簡單的入門指南，您可以將其包裝在一個表單中：
.checkbox-toggle {
display: none;
}
.checkbox-toggle + img {
display: inline-block;
}
.checkbox-toggle + img + img {
display: none;
}
.checkbox-toggle:checked + img {
display: none;
}
.checkbox-toggle:checked + img + img {
display: inline-block;
}
<label>
<input class="checkbox-toggle" type="checkbox" name="img[0][0]" />
<img src="https://picsum.photos/id/1/100" />
<img src="https://picsum.photos/id/2/100" />
</label>
<label>
<input class="checkbox-toggle" type="checkbox" name="img[0][1]" />
<img src="https://picsum.photos/id/3/100" />
<img src="https://picsum.photos/id/4/100" />
</label>
- 1 回答
- 0 關注
- 216 瀏覽
添加回答
舉報
0/150
提交
取消