|
 |
|
สอบถามเกี่ยวกับการเขียน code ให้ check box อยู่ใน combobox หน่อยครับ |
|
 |
|
|
 |
 |
|
แฮ่ คงทำแบบนั้นไม่ได้หรอกครับ(หรือเปล่า ไม่เคยทำ)
ต้องอ้อม โลกหน่อยครับ เอา ul li checkbox มาทำครับ
|
 |
 |
 |
 |
Date :
2014-12-08 13:18:04 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ul li checkbox ยังไงเหรอครับ พอจะมีตัวอย่างไหมครับ ^___^
|
 |
 |
 |
 |
Date :
2014-12-08 13:49:28 |
By :
udorn555 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
Code (PHP)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script language="javascript" src="jquery-2.1.1.min.js" ></script>
<script language="javascript">
function check_cat( ob ){
var chk = $(ob).prop('checked');
$('.data').prop('checked', chk);
}
$(document).ready(function(e) {
$('span').click(function(e) {
$(this).parent().find('ul').toggle(500);
});
$('.main').click(function(e) {
var chk=$(this).prop('checked');
$(this).parent().find('.data').prop('checked', chk);
});
});
</script>
</head>
<body>
<ul style="list-style-type: none;">
<li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST1<br>
<ul style="list-style-type: none; display:none">
<li><input type="checkbox" name="cat[]" class='data' value="11">TEST11</li>
<li><input type="checkbox" name="cat[]" class='data' value="12">TEST12</li>
</ul>
</li>
<li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST2<br>
<ul style="list-style-type: none; display:none">
<li><input type="checkbox" name="cat[]" class='data' value="21">TEST21</li>
<li><input type="checkbox" name="cat[]" class='data' value="22">TEST22</li>
</ul>
</li>
<li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST3<br>
<ul style="list-style-type: none; display:none">
<li><input type="checkbox" name="cat[]" class='data' value="31">TEST31</li>
<li><input type="checkbox" name="cat[]" class='data' value="32">TEST32</li>
</ul>
</li>
<li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST4<br>
<ul style="list-style-type: none; display:none">
<li><input type="checkbox" name="cat[]" class='data' value="41">TEST41</li>
<li><input type="checkbox" name="cat[]" class='data' value="42">TEST42</li>
</ul>
</li>
<li><span>+</span><input type="checkbox" name="cat[]" class='main data' value="1">TEST5<br>
<ul style="list-style-type: none; display:none">
<li><input type="checkbox" name="cat[]" class='data' value="51">TEST51</li>
<li><input type="checkbox" name="cat[]" class='data' value="52">TEST52</li>
</ul>
</li>
</ul>
<input type="checkbox" onclick="check_cat(this)" >All<br>
</body>
</html>
|
 |
 |
 |
 |
Date :
2014-12-08 14:07:03 |
By :
Chaidhanan |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
อ้อครับผม ^__^
|
 |
 |
 |
 |
Date :
2014-12-08 14:09:18 |
By :
udorn555 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 05
|