基尼而絲(G.N.A.S)的大世界

change color of checkbox when checked using jQuery
點選checkbox後讓底框變色 kinomelma

---

<script src="scripts/jquery.min.js" type="text/javascript"></script>

判斷checkbox是否勾選完整版範例
2014/08/21

---

 

<?
if($_GET['action']=='a'){
echo "ok";
echo $_POST['qq'];
exit;
}
?>
<form id="jwu" action="">
<input type="text" name="telephone" id="telephone" placeholder="請輸入連絡電話" />
<input type="button" name="send" id="send" class="bnstyle" value="查詢" />
</form>
<div class="main"> </div>

<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<!-- jQuery庫 -->
<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
//2014/8/9 jwu
//http://kinomelma.pixnet.net/
$("#send").click(function(){
var str_len=12;//輸入文字長度
username=$("input[name$='telephone']").val();
if (username.length<1){return false;}//沒有輸入
if (username.length>str_len){
$("#result").html('文字太長，限制長度: '+str_len);
return false;
}
$("#result").html('查詢中，請等待');
$.post("?action=a",{qq:username},function(result){
$("#result").html(result);
}).fail(function() {
$("#result").html('fail 失敗');//alert( "fail 失敗" );
});
});

/*
$("#send").click(function(){
$("#result").html('查詢中，請等待');
username=$("input[name$='telephone']").val();
$.ajax({url:"?action=a",
data: { telephone : username },
success:function(result){
if (result.substring(0, 2)==''){//判斷前2位
$("#result").html("查無資料："+username);
}else{
$("#result").html(result);
}
}});
});
*/
});
// ]]>
</script>

Fields from table CD:
ID int (10)
M_id int (10)
cd_name varchar (10)

<?
//jwu 2014/8/1 多階選單可用
/*
[PHP+MYSQL] 產生多階樹狀選單 UL,LI包覆 - tree menu, Multi-Level,Recursive,array
產生格式
<ul>
<li id='tree_2'>A
<ul>
<li id='tree_1'>A1
<ul>
<li id='tree_7'>A11</li>
</ul>
</li>
<li id='tree_8'>A2</li>
</ul>
</li>
<li id='tree_3'>B
<ul>
<li id='tree_4'>B1</li>
<li id='tree_5'>B2
<ul>
<li id='tree_6'>B21</li>
</ul>
</li>
</ul>
</li>
</ul>

HTML
<ul id="sortlist">
<li class='ui-state-default' id='listfield_1'>t1 <span class="remove-button"></span></li>
<li class='ui-state-default' id='listfield_2'>t2 <span class="remove-button"></span></li>
<li class='ui-state-default' id='listfield_3'>t3 <span class="remove-button"></span></li>
</ul>

排序首頁
<script type="text/javascript" src="jquery1.10.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.4.custom.min.js"></script>
<ul id="sortlist">
<?php
$conn=mysqli_connect('localhost','root','','test');
$result = mysqli_query($conn,"SELECT * FROM drag order by sorting asc");

功能如下:
1.checkbox全選/取消
2.送出表單時(submit)判斷checkbox是否選取
 

壹、中文稿
一、每篇論文應包括下列各項：(一)題目 (二)作者姓名 (三)服務單位 (四)e-mail　(五)摘要 (六)關鍵詞(七)次標題 (八)本文 (九)註釋 (十)參考文獻。
二、各章節序數，依壹、一、1、(1)、A、a ……等順序表示。

國軍online倒數計時器~退伍倒數計時器(新兵、老兵皆適用)~~
    

下載位置：http://www.multiupload.com/VVGMUZMAOL