jquery複選框屬性值

我有這個跨度是在一個循環中，併產生多個結果。
我要的是當它的檢查jquery複選框屬性值

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

我使用這在我的js文件，以檢查是否複選框被點擊

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

屬性的recordId值和所有我得到的是上
我怎樣才能得到屬性值
謝謝

來源

2010-06-25 Autolycus

這會得到你的屬性值

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

如果你想獲得當複選框被選中的值，這裏有一個例子

JS文件

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

要看看有多少行已檢查：

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>

要檢查單個的跨度

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

這裏內是我使用，使例子完整的示例代碼，您需要

<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>

來源

2010-06-25 18:29:27

我該檢查點擊了多少行。謝謝 – Autolycus 2010-06-25 18:36:12

我可以檢查使用 alert（$（「input [type = checkbox]：checked」）檢查了多少個複選框。但我希望能夠只檢查Span id =行。我該怎麼做謝謝 – Autolycus 2010-06-25 18:40:46

wowo_999謝謝你的幫助。但由於某種原因，它不能給我在一個範圍內檢查的盒子總數謝謝 – Autolycus 2010-06-25 18:50:54

jquery複選框屬性值

回答

相關問題