我怎样才能 select 在 table 中随机选择 5% 的复选框？

Question

使用此脚本 select 数据中的随机行数 table。现在它被定义为 select 的最小和最大数量。这个不需要，需要select5%的行。
是否有可能使 select 数据 table 中所有行的 5% 随机？

// Select Random Numbers
Array.prototype.shuffle = function() {
  let m = this.length,
    i;
  while (m) {
    i = (Math.random() * m--) >>> 0;
    [this[m], this[i]] = [this[i], this[m]]
  }
  return this;
}

$('#select_random').on('click', function() {
  if ($(this).prop('checked')) {
    let minnum = 3,
      maxnum = 50
    let rand = Math.min(maxnum, Math.floor(Math.random() * ($('.check').length - 1 - minnum)) + minnum)
    //create our keys array
    let keyArray = [...Array($('.check').length).keys()].shuffle().slice(0, rand)
    keyArray.forEach((chk_i, i) => {
      if (i < rand) $($('.check').get(chk_i)).prop('checked', true)
    })
  } else {
    $('.check').prop('checked', false);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Select all <input type='checkbox' id="select_random"></label>
<div class='cb'>
  <input type='checkbox' class='check'> checkbox1 <br />
  <input type='checkbox' class='check'> checkbox2 <br />
  <input type='checkbox' class='check'> checkbox3 <br />
  <input type='checkbox' class='check'> checkbox4 <br />
  <input type='checkbox' class='check'> checkbox5 <br />
  <input type='checkbox' class='check'> checkbox6 <br />
  <input type='checkbox' class='check'> checkbox7 <br />
  <input type='checkbox' class='check'> checkbox8 <br />
  <input type='checkbox' class='check'> checkbox9 <br />
  <input type='checkbox' class='check'> checkbox10 <br />
  <input type='checkbox' class='check'> checkbox11 <br />
  <input type='checkbox' class='check'> checkbox12 <br />
  <input type='checkbox' class='check'> checkbox13 <br />
  <input type='checkbox' class='check'> checkbox14 <br />
  <input type='checkbox' class='check'> checkbox15 <br />
  <input type='checkbox' class='check'> checkbox16 <br />
  <input type='checkbox' class='check'> checkbox17 <br />
  <input type='checkbox' class='check'> checkbox18 <br />
  <input type='checkbox' class='check'> checkbox19 <br />
  <input type='checkbox' class='check'> checkbox20 <br />
  <input type='checkbox' class='check'> checkbox21 <br />
  <input type='checkbox' class='check'> checkbox22 <br />
</div>

Answer 1

试试这个：

// Select Random Numbers
Array.prototype.shuffle = function() {
  let m = this.length,
    i;
  while (m) {
    i = (Math.random() * m--) >>> 0;
    [this[m], this[i]] = [this[i], this[m]]
  }
  return this;
}

$('#select_random').on('click', function() {
  if ($(this).prop('checked')) {
    let percent = 33
    let total = $('.check').length
    let selnum = Math.ceil(percent / 100.0 * total)
    console.log(selnum, percent / 100.0)
    let minnum = selnum
    let maxnum = selnum
    
    let rand = Math.min(maxnum, Math.floor(Math.random() * ($('.check').length - 1 - minnum)) + minnum)
    //create our keys array
    let keyArray = [...Array($('.check').length).keys()].shuffle().slice(0, rand)
    keyArray.forEach((chk_i, i) => {
      if (i < rand) $($('.check').get(chk_i)).prop('checked', true)
    })
  } else {
    $('.check').prop('checked', false);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Select all <input type='checkbox' id="select_random"></label>
<div class='cb'>
  <input type='checkbox' class='check'> checkbox1 <br />
  <input type='checkbox' class='check'> checkbox2 <br />
  <input type='checkbox' class='check'> checkbox3 <br />
  <input type='checkbox' class='check'> checkbox4 <br />
  <input type='checkbox' class='check'> checkbox5 <br />
  <input type='checkbox' class='check'> checkbox6 <br />
  <input type='checkbox' class='check'> checkbox7 <br />
  <input type='checkbox' class='check'> checkbox8 <br />
  <input type='checkbox' class='check'> checkbox9 <br />
  <input type='checkbox' class='check'> checkbox10 <br />
  <input type='checkbox' class='check'> checkbox11 <br />
  <input type='checkbox' class='check'> checkbox12 <br />
  <input type='checkbox' class='check'> checkbox13 <br />
  <input type='checkbox' class='check'> checkbox14 <br />
  <input type='checkbox' class='check'> checkbox15 <br />
</div>

Answer 2

你可以看看下面的逻辑

请注意，22 个复选框中的 5% 是 1.1，这意味着它总是随机勾选 1 个复选框。

// Select Random Numbers
Array.prototype.shuffle = function() {
  let m = this.length,
    i;
  while (m) {
    i = (Math.random() * m--) >>> 0;
    [this[m], this[i]] = [this[i], this[m]]
  }
  return this;
}

$('#select_random').on('click', function() {
  if ($(this).prop('checked')) {
    const maxValue = $('.check').length * 0.05 //5% of checkboxes
    let rand = parseInt(Math.random() * (maxValue - 1) + 1)
    //create our keys array
    let keyArray = [...Array($('.check').length).keys()].shuffle().slice(0, rand)
    keyArray.forEach((chk_i, i) => {
      if (i < rand) $($('.check').get(chk_i)).prop('checked', true)
    })
  } else {
    $('.check').prop('checked', false);
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>Select all <input type='checkbox' id="select_random"></label>
<div class='cb'>
  <input type='checkbox' class='check'> checkbox1 <br />
  <input type='checkbox' class='check'> checkbox2 <br />
  <input type='checkbox' class='check'> checkbox3 <br />
  <input type='checkbox' class='check'> checkbox4 <br />
  <input type='checkbox' class='check'> checkbox5 <br />
  <input type='checkbox' class='check'> checkbox6 <br />
  <input type='checkbox' class='check'> checkbox7 <br />
  <input type='checkbox' class='check'> checkbox8 <br />
  <input type='checkbox' class='check'> checkbox9 <br />
  <input type='checkbox' class='check'> checkbox10 <br />
  <input type='checkbox' class='check'> checkbox11 <br />
  <input type='checkbox' class='check'> checkbox12 <br />
  <input type='checkbox' class='check'> checkbox13 <br />
  <input type='checkbox' class='check'> checkbox14 <br />
  <input type='checkbox' class='check'> checkbox15 <br />
  <input type='checkbox' class='check'> checkbox16 <br />
  <input type='checkbox' class='check'> checkbox17 <br />
  <input type='checkbox' class='check'> checkbox18 <br />
  <input type='checkbox' class='check'> checkbox19 <br />
  <input type='checkbox' class='check'> checkbox20 <br />
  <input type='checkbox' class='check'> checkbox21 <br />
  <input type='checkbox' class='check'> checkbox22 <br />
</div>

我怎样才能 select 在 table 中随机选择 5% 的复选框？

How can I select a 5% of checkboxes in a table randomly?

javascript

jquery