将 id 与 javascript 进行比较

Question

我有这个功能可以计算单击次数以更改 css 并选中 div 中的复选框。这个函数是link到多个不同的div。当我点击不同的 div.

时，我想将计数重置为 0

<script> 
var clicks = 0;

function onClick(a, b, c) {
  clicks++;

  if (clicks == 1) {
    a.checked = true;
    b.checked = false;
    c.className = "class1";

  } else if (clicks == 2) {
      a.checked = false;
      b.checked = true;
      c.className = "class2";
  } else if (clicks == 3) {
      clicks = 0;
  } 
}
</script>

<div id="A1" class="class3" onclick="onClick(cb1,cb2,this)">
     <img src="image.jpg"/>
     <input type="checkbox" id="cb1" value="1" />
     <input type="checkbox" id="cb2" value="2" />
</div>
<div id="A2" class="class3" onclick="onClick(cb3,cb4,this)">
     <img src="image.jpg"/>
     <input type="checkbox" id="cb3" value="3" />
     <input type="checkbox" id="cb4" value="4" />
</div>

Answer 1

你可以这样做：（存储你点击的最后一个 ID，如果它改变了，重置计数器）

<script> 
var clicks = 0;
var prev = '';
function onClick(a, b, c) {

  if(c.id != prev) {
    clicks = 0;
    prev = c.id;
  }

  clicks++;

  if (clicks == 1) {
    a.checked = true;
    b.checked = false;
    c.className = "class1";

  } else if (clicks == 2) {
      a.checked = false;
      b.checked = true;
      c.className = "class2";
  } else if (clicks == 3) {
      clicks = 0;
  } 
}
</script>

<div id="A1" class="class3" onclick="onClick(cb1,cb2,this)">
     <img src="image.jpg"/>
     <input type="checkbox" id="cb1" value="1" />
     <input type="checkbox" id="cb2" value="2" />
</div>
<div id="A2" class="class3" onclick="onClick(cb3,cb4,this)">
     <img src="image.jpg"/>
     <input type="checkbox" id="cb3" value="3" />
     <input type="checkbox" id="cb4" value="4" />
</div>

将 id 与 javascript 进行比较

compare id with javascipt

javascript

counter

click