面临使用 javascript 的代码问题

Facing an issue with code using javascript

本文关键字：代码 问题 javascript      更新时间：2023-09-26

我有 10 个复选框，如果我选择 5 个复选框，则应禁用其余复选框，如果我选择少于 5 个复选框，则应启用剩余的复选框。如何使用JavaScript来做到这一点？

这是我的代码：

var count = 1;
function myfun(obj) {
    debugger; /*var x = req.body.checkbox; if (x == undefined) { x = false;}*/
    if ((obj.checked) == true) {
        count++;
    } else if ((obj.checked) == false) {
        count--;
    }
    if (count > 5) {
        c1.disabled = true;
        c2.disabled = true;
        c3.disabled = true;
        c4.disabled = true;
        c5.disabled = true;
        c6.disabled = true;
        c7.disabled = true;
    }
}

从所描述的问题中，我得出了一个解决方案。看到它适合您https://jsfiddle.net/oL48u5ew/1/

.HTML

<div class="parent">
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
<input type="checkbox" class="visit"/>
</div>

.JS

var count = 0
$('.visit').change(function(){
    if(this.checked)
    count++
  else
    count --
  if(count > 4)
  {
  $('.parent').find('.visit').each(function(){
    if(!this.checked){
        $(this).attr("disabled", true);
    }
  })
  }
});
相关文章：