Làm thế nào để kích hoạt sự kiện nhấp vào hộp kiểm ngay cả khi nó được kiểm tra thông qua mã Javascript?

Tôi có nhiều hộp kiểm trong trang của mình và có một hộp kiểm chọn tất cả sẽ kiểm tra tất cả các hộp kiểm. Bằng cách nào đó, tôi muốn mô phỏng sự kiện nhấp chuột đó của hộp kiểm ngay cả khi nó được chọn / bỏ chọn thông qua nút chọn tất cả. Tôi làm nó như thế nào?

Bạn có thể sử dụng .trigger()phương thức jQuery . Xem http://api.jquery.com/trigger/

Ví dụ:

$('#foo').trigger('click');

Nhận tình trạng séc

var checked = $("#selectall").is(":checked");

Sau đó để thiết lập

$("input:checkbox").attr("checked",checked);

Bạn cũng có thể sử dụng .change()chức năng

Ví dụ:

$('form input[type=checkbox]').change(function() { console.log('hello') });

không có gQuery

document.getElementById ('your_box'). onclick ();

Tôi đã sử dụng một số lớp nhất định trên các hộp kiểm của mình.

var x = document.getElementsByClassName("box_class");
var i;
for (i = 0; i < x.length; i++) {
    if(x[i].checked) x[i].checked = false;
    else x[i].checked = true;
    x[i].onclick();
   }

Bạn cũng có thể sử dụng cái này, tôi hy vọng bạn có thể phục vụ họ.

$(function(){
  $('#elements input[type="checkbox"]').prop("checked", true).trigger("change");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<div id="elements">
  <input type="checkbox" id="item-1" value="1"> Item 1 <br />
  <input type="checkbox" id="item-2" value="2" disabled> Item 2 <br /> 
  <input type="checkbox" id="item-3" value="3" disabled> Item 3 <br />
  <input type="checkbox" id="item-4" value="4" disabled> Item 4 <br />
  <input type="checkbox" id="item-5" value="5"> Item 5
</div>

Hàm kích hoạt từ jQuery có thể là câu trả lời của bạn.

jQuery docs cho biết: Bất kỳ trình xử lý sự kiện nào được đính kèm với .on () hoặc một trong các phương thức tắt của nó sẽ được kích hoạt khi sự kiện tương ứng xảy ra. Tuy nhiên, chúng có thể được kích hoạt theo cách thủ công với phương thức .trigger (). Lệnh gọi tới .trigger () thực thi các trình xử lý theo thứ tự giống như chúng nếu sự kiện được kích hoạt tự nhiên bởi người dùng

Vì vậy, giải pháp một dòng tốt nhất nên là:

$('.selector_class').trigger('click');

//or

$('#foo').click();

  $("#gst_show>input").change(function(){

    var checked = $(this).is(":checked");
    if($("#gst_show>input:checkbox").attr("checked",checked)){
      alert('Checked Successfully');
    }

  });