javascript - 如果 JavaScript 或 PHP 的计数器等于 0，有没有办法取消选中复选框？

Question

如果可能的话请帮我解决这个问题。 我有一个产品页面，在此页面上，人们可以选择要从包装中删除的颜色，并选择他们要购买的确定种类的商品数量。
示例:我正在销售衬衫，有 6 种颜色:红色、蓝色、紫色、黄色、橙色和绿色，顾客可以在这 6 种颜色中选择一种，也可以不选择任何一种，并且他们必须填充一些盒子包含一些信息，例如，有多少件小衬衫，或多少件大衬衫等。 但我的网站将主要由老家伙访问，所以，我不能像某些人那样只做我的事情并希望得到最好的结果，我需要使这个网站非常简单并且几乎开箱即用。 这是我的网页的打印屏幕

-> 打印屏幕:http://prntscr.com/ptdyu2

无论如何，我需要取消选中前面有 0 或更小的数字的每个框。 有办法做到这一点吗？

    function(checkbox_validator){
var checkbox0 = document.getElementsByName(tmcp_checkbox_0_0_quantity)
    if (checkbox0 != True){
       //This is how much i've progressed on this part, only came until this point 
    }
}    

Answer 1

当然有可能。我为你创建了一个小例子。基本上，您将添加一个事件监听器以更改输入文本字段。如果用户键入一个数字，或者该值会以某种方式发生变化，则会触发事件监听器。

根据该值，您将设置选中或取消选中特定复选框。

var input = document.getElementById('inputItem1');
var checkbox = document.getElementById('checkItem1');

input.addEventListener("input", update);

function update()
{
	//Now update the selector
  if (input.value > 0 )
  {
  	checkbox.checked = true;
  }
  else
  {
  	checkbox.checked = false;
  }
}

<form>
  <input name="input" value="0" id="inputItem1">
  <input type="radio" id="checkItem1" name="checkItem1" value="">
</form>