ورود

View Full Version : پیمایش جدول


BestFriend
دوشنبه 16 بهمن 1391, 21:35 عصر
با سلام من یه جدول دارم که یه سری سطر ها داره و به ازای هر سطر یه checkbox وجود داره یعنی هر سطر یه چک باکس داره که تو یه td گذاشته شده.

حالا من میخوام این جدول رو با کد جاوا اسکریپت پیمایش کنم.

چه طوری میتونم یه جدول رو پیمایش کنم و به اون چک باکس ها دسترسی داشته باشم و بتونم اونا رو تیک بزنم؟

این کد رو برای یه دکمه که کار select all رو میخواد انجام بده میخوام بنویسم.

با تشکر.
geeking
سه شنبه 17 بهمن 1391, 22:07 عصر
<!DOCTYPE html>
<html>
<head>
<title>work on checkbox</title>
<script type="text/javascript" src='../src/jquery.js'></script>
<script type="text/javascript">
$(function () {
$(':checkbox').length;//4
$(':checkbox:checked').length;//1
//__________________________________________
$('#all_Checked').click(function () {
//$(':checkbox').attr('checked','checked');// OR
$(':checkbox').attr('checked',true);
});
$('#remove_Checked').click(function () {
//$(':checkbox').removeAttr('checked'); //OR
$(':checkbox').attr('checked',false)
});
//___________________________________________
$(':checkbox').each(function (){
if ($(this).is(':checked')){
console.log($('input').index(this),'is checked !');
}
});

});
</script>
</head>
<body>
<button id='all_Checked'>all_Checked</button>
<button id='remove_Checked'>remove_Checked</button>
<form>
<label> <input type='checkbox'> test1 </label> <br />
<label> <input type='checkbox' checked> test2 </label><br />
<label> <input type='checkbox'> test3 </label><br />
<label> <input type='checkbox' checked> test4 </label><br />
<label> <input type='checkbox'> test5 </label>
</form>
</body>
</html>

اینجا (http://stackoverflow.com/questions/426258/how-do-i-check-a-checkbox-with-jquery-or-javascript) رو هم نگاه کن .

همین !!
farshadvl
سه شنبه 01 بهمن 1392, 18:21 عصر
function check() {//check all radio button to find which one is selected.
var di = document.getElementsByName('rd');
var valid = false;
for (i = 0; i < di.length; i++) {
if (di[i].checked == true && !valid) {
Radiovalue = di[i].value;
valid = true;
return(parseInt(Radiovalue));
}
}
if(!valid){document.getElementById('result').inner HTML='لطفا یکی از اتاق ها را انتخاب کنید';}
}