Question

当我第一次点击按钮时，我想要复选checkbox1，但是复选框2和复选框3取消选中，然后当我第二次点击按钮时，复选框2，复选框1＆amp;取消选中checkbox3，最后当我第三次单击该按钮时，复选checkbox3并取消选中复选框1和复选框2。在第四次单击时，它将再次启用第一个输入。我在记事本++中使用这个脚本，我希望你的答案可以工作，请给我jsfiddle。请帮帮我..谢谢你

我知道这个，我需要本机构的jquery脚本：

<input type="checkbox" name="check1" value="A" /> <input type="checkbox" name="check2" value="B" /> <input type="checkbox" name="check3" value="C" /><br /> <input type="button" value="Enable" name="button3" id="btn3">

Answer 1

试试这个：

var clicks = -1;
$('#btn3').click(function() {
  $('input[type="checkbox"]').prop('checked', false);
  $('input[type="checkbox"][name="check' + (++clicks % 3 + 1) + '"]').prop('checked', true);
});

看看这个小提琴：http://jsfiddle.net/arnellebalane/kukfcdfk/1/

Answer 2

您可以按如下方式使用闭包：

$('#btn3').click((function () {
  var count = 0;
  return function () {
    if (count >= 3) count = 0;
    $("input[type='checkbox']:checked").prop("checked", false);
    $("input[type='checkbox']").eq(count++).prop("checked", true);
  }
})());

Demo

Answer 3

var checked = 0;
$(document).ready(function(){
    $('#btn3').click(function(){
        for (var i = 0; i < 3; i++){
            $('#check' + i).prop('checked', i == checked);
        }
        checked = (checked + 1) % 3;
    }) 
})

这是我的solution。享受：）

选中复选框，只需一个按钮

3 个答案:

Demo