2010-06-25 5 views
1

J'ai cette plage qui est dans une boucle et produit plusieurs résultats.
ce que je veux est la valeur recordID d'attribut lorsque son vérifiéValeur d'attribut jquery checkbox

<span id="row" index="<?php print $i; ?>" recordID="<?php print $row->ID; ?>" Color="<?php print $row->Color; ?>"> 
<input type="checkbox" style="left:10;" /> 
</span> 

J'utilise dans mon fichier js pour vérifier si la case a été cliqué

var test = $('input:checkbox:checked').val();  
alert(test); 

Et tout ce que je reçois est sur
comment puis-je obtenir la valeur de l'attribut
Merci

Répondre

2

Vous obtiendrez la valeur d'attribut

$('#row').attr('recordID'); 

Si vous voulez obtenir la valeur lorsque la case est vérifié, voici un exemple

js fichier

$(document).ready(function(){ 
$('input:checkbox').change(function(){ 
    if($(this).attr('checked')){ 
    alert($(this).parent().attr('recordID')); 
    } 
}); 
}); 

Pour voir combien de lignes ont été vérifiées:

JavaScript

$(document).ready(function(){ 
$('#check').click(function(event){ 
    event.preventDefault(); 
    alert($('input:checkbox:checked').size()); 
}); 
}); 

HTML

<span id="row1" recordID="1"> 
<input type="checkbox" style="left:10;" /> 
<input type="checkbox" style="left:10;" /> 
<input type="checkbox" style="left:10;" /> 
<input type="checkbox" style="left:10;" /> 
</span> 
<span id="row2" recordID="2"> 
<input type="checkbox" style="left:10;" /> 
</span> 
<span id="row3" recordID="3"> 
<input type="checkbox" style="left:10;" /> 
</span> 
<span id="row4" recordID="4"> 
<input type="checkbox" style="left:10;" /> 
</span> 
<button id='check'>Check Num Rows</button> 

Pour vérifier dans une durée individuelle

$(document).ready(function(){ 
    $('#check').click(function(event){ 
     event.preventDefault(); 
     alert($('#row1 input:checkbox:checked').size()); 
    }); 
}); 

Voici l'exemple de code complet j'utilise pour faire l'exemple que vous besoin

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

<script type='text/javascript'> 
$(document).ready(function(){ 
    $('input:checkbox').change(function(){ 
     alert($(this).parent().find(':checkbox:checked').size()); 
    }); 
}); 
</script> 
</head> 
<body> 
<span id="row1" recordID="1"> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
</span><br/><br/> 
<span id="row2" recordID="2"> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
</span><br/><br/> 
<span id="row3" recordID="3"> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
</span><br/><br/> 
<span id="row4" recordID="4"> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
    <input type="checkbox" style="left:10;" /> 
</span> 
</body> 
</html> 
+0

Comment puis-je vérifier combien de lignes ont été cliquées? Merci – Autolycus

+0

Je peux vérifier combien de cases ont été cochées en utilisant l'alerte ($ ("input [type = checkbox]: checked"). Length); mais je veux être en mesure de vérifier uniquement dans la Span id = row. comment ferais-je cela Merci – Autolycus

+0

wowo_999 Merci pour votre aide. Mais pour une raison quelconque, il ne me donne pas le nombre total de cases cochées dans un intervalle merci – Autolycus