[英]button checking a checkbox using javascript
我試圖制作一個可以在三種顏色之間切換的按鈕：黑色，綠色和紅色，並且可以根據顏色選擇某個復選框。 現在，我可以進行顏色切換，但是不能使復選框處於選中狀態。 我會很感激的。 我是一個初學者（很明顯）。
按鈕顏色為綠色：復選框1
按鈕顏色為紅色：復選框2
按鈕顏色為黑色：請勿選中框1或2
該腳本如下所示：
<script>
var colors = ["green", "red", "black"]
function setColor(el) {
el.colorIdx = el.colorIdx || 0;
el.style.color = colors[el.colorIdx++ % colors.length];
}
</script>
HTML看起來像：
<html>
<button onclick="setColor(this)">This is my Button</button>
<input type="checkbox" name="box1" id="box1" />
<input type="checkbox" name="box2" id="box2" />
</html>
謝謝！
我建議：
var colors = ["green", "red", "black"];
function setColor(el) {
el.colorIdx = el.colorIdx || 0;
el.style.color = colors[el.colorIdx++ % colors.length];
document.getElementById('box1').checked = el.style.color == 'green';
document.getElementById('box2').checked = el.style.color == 'red';
}
JS小提琴演示 。
像這樣做：
var index = el.colorIdx++ % colors.length;
if( index == 2 ) //2 is the index of color black
{
document.getElementById("box1").checked = false;
document.getElementById("box2").checked = false;
}
else if( index == 0 )
{
document.getElementById("box1").checked = true;
}
else
{
document.getElementById("box2").checked = true;
}
使用純 javascript 通過選中單選按鈕取消選中復選框
[英]Uncheck a checkbox by checking a radio button, using pure javascript
檢查是否使用javascript選擇了動態創建的復選框
[英]Checking if dynamically created checkbox is selected using javascript
檢查是否選中了復選框，而不使用javascript中的變量
[英]checking if checkbox is checked or not using variable in javascript
復選框驗證，用於檢查至少1個復選框，最多3個使用javascript
[英]Checkbox validation for checking at least 1 checkbox and at most 3 using javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.