Dizideki onay kutusunu set sayısı

2 Cevap php

ben böyle onay kutusu dizi var

  for($j=1;$j<=10;$j++)      
  <input type="checkbox" name="chkLimit[]" id="chkLimit_<?php echo $j;?>" value="<?php echo $j;?>" />

i 10 onay kutusunu var

ve ben böyle jquery kod yazmak ...

  $(document).ready(
	function (){
	setLimitSelection();
	}


);


   function setLimitSelection(){
	$('input[name="chkLimit[]"]').limitSelection(
		{
			// number of items to limit to
			limit: 4,
			// on error, do this
			onfailure: function (n){
				$("#idCheckboxMsg").html(
					"You can not select more than " + n + " items."
				);
				return false;
			},
			// on success, do this
			onsuccess: function (n){
				$("#idCheckboxMsg").html("");
				return false;
			}
		}
	);
	$('select[name="selLimit[]"]').limitSelection(10);
}

$("input.chkLimit").click(function() {
    var numSelected = $("input.chkLimit[]:checked").length;
	var numLeft = 10 - parseInt(numSelected);
	$("#statusBox").html("You have "+numSelected+" CD's selected.<br>You have "+numLeft+" selections left.");
});

ne i istiyorum: Kullanıcı fazla 4 onay boxs seçemezsiniz

teşekkürler

2 Cevap

Ben bu test değil, ama bu iş sizin için yapılır almalısınız:

$(function(){
    $("#myCheckboxes input[type='checkbox']").change(
        var checked = $("#myCheckboxes input[type='checkbox'][checked]").length;
        if(checked == 4){
            $("#myCheckboxes input[@type='checkbox']").not(":checked").attr('disabled',true);
        }else{
            $("#myCheckboxes input[@type='checkbox']").not(":checked").attr('disabled',false);
        }
    )
});

Bir onay kutusu işaretli devlet değiştirir her zaman, kontrol kaç onay kutularını bakar. 4 varsa, aksi takdirde bu onları sağlayan, denetlenmeyen kutuları devre dışı bırakır. Bu da tüm #myCheckboxes denilen bir kap içinde yaşamak olduğunu varsayar

@ Inkedmn bazı sözdizimi hataları vardı ama açıklama kutusu sadece ayrıntılı yeterli değil gibi görünüyor. Yani, burada ben o yapmaya çalışıyor düşünüyorum ne:

$(function(){
    $("#myCheckboxes input[type='checkbox']").change(function() {
        var checked = $("#myCheckboxes input[type='checkbox']:checked").length;
        if(checked == 4){
            $("#myCheckboxes input[type='checkbox']")
                .attr('disabled',true)
                .filter(':not(:checked)')
                .attr('disabled',false);
        } else {
            $("#myCheckboxes input[type='checkbox']").attr('disabled',false);
        }
    )
});

İşte sizin için halletmek gerekir.

etiketler