mehbod.rayaneh
چهارشنبه 28 خرداد 1393, 19:03 عصر
درود
اینم چن مدل خوب!
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>مهبد رایانه سپاهان</title>
<style>
*{margin:0;padding:0;direction:rtl}
.ghasemia{width:90%;padding:5%;background:#3498db}
.mehbod{width:90%;padding:5%;background:#bdc3c7}
.form{width:90%;padding:5%;background:#f39c12}
</style>
</head>
<body>
<div class="ghasemia">
<script>
function toggle(source){
checkboxes = document.getElementsByName('mehbod');
for(var i=0, n=checkboxes.length;i<n;i++){
checkboxes[i].checked = source.checked;
}
}
</script>
<input type="checkbox" onClick="toggle(this)" />همه قاسمیاااااا
<br/>
<input type="checkbox" name="mehbod" value="فرید قاسمی">فرید قاسمی
<br/>
<input type="checkbox" name="mehbod" value="فرشاد قاسمی">فرشاد قاسمی
<br/>
<input type="checkbox" name="mehbod" value="فراز قاسمی">فراز قاسمی
<br>
:))
</div>
<div class="mehbod">
<script>
function Check(frm){
var checkBoxes = frm.elements['check_list[]'];
for (i = 0; i < checkBoxes.length; i++){
checkBoxes[i].checked = (frm.CheckAll.value == "انتخاب همه") ? 'checked' : '';
}
frm.CheckAll.value = (frm.CheckAll.value == "انتخاب همه") ? "هیچکدام" : 'انتخاب همه';
}
</script>
<form name="myform" method="post" action="">
<input type="checkbox" name="check_list[]" value="<? echo $row['Report ID'] ?>">گزینه 1
<br>
<input type="checkbox" name="check_list[]" value="<? echo $row['Report ID'] ?>">گزینه 2
<br>
<input type="button" id="CheckAll" name="CheckAll" value="انتخاب همه" onClick="Check(document.myform)">
</form>
</div>
<div class="form">
<script>
function selectToggle(toggle, form){
var myForm = document.forms[form];
for( var i=0; i < myForm.length; i++ ){
if(toggle){
myForm.elements[i].checked = "checked";
}
else {
myForm.elements[i].checked = "";
}
}
}
</script>
<form name="theForm">
گزینه مورد نظر شما کدام است؟
<br>
انتخاب <a href="javascript:selectToggle(true, 'theForm');">همه</a> | <a href="javascript:selectToggle(false, 'theForm');">هیچ کدام</a>
<br>
<input type="checkbox" name="answers[]" value="گزینه 1">گزینه 1
<br>
<input type="checkbox" name="answers[]" value="گزینه 2">گزینه 2
<br>
<input type="checkbox" name="answers[]" value="گزینه 3">گزینه 3
<br>
<input type="checkbox" name="answers[]" value="گزینه 4">گزینه 4
</form>
</div>
</body>
</html>
البته توجه کنید ک میشود ب باتن استایل داد و ...!
پیروز باشید