change color of checkbox when checked using jQuery

點選checkbox後讓底框變色 kinomelma


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

 

 

CSS語法：

<style type="text/css">
<!--
/* checkbox處理底框變色 */

td.highlight {
width: 100px;

(繼續閱讀...)

kinomelma 發表在 痞客邦 留言(1) 人氣()

▲top

判斷checkbox是否勾選完整版範例

2014/08/21

 

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

 

<form>

<input name="agree" type="checkbox" value="" />已閱讀並同意 <span class="form-note">(勾選才能繼續註冊)

<div class="bn-area">
<input type="button" id="enter" class="bnstyle" value="註冊" />
</div>
</form>

 

(繼續閱讀...)
文章標籤
checkbox Jquery 勾選 Sortable List

kinomelma 發表在 痞客邦 留言(0) 人氣()

▲top
<?
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>

kinomelma 發表在 痞客邦 留言(1) 人氣()

▲top

Fields from table CD:

ID int (10)
M_id int (10)
cd_name varchar (10)

 

Fields from table MEMBER:

ID int (10)
NAME varchar (5)
PHONE varchar (15)

 

MYSQL:

 

(繼續閱讀...)

kinomelma 發表在 痞客邦 留言(0) 人氣()

▲top

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

(繼續閱讀...)

kinomelma 發表在 痞客邦 留言(0) 人氣()

▲top

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>

 

jQuery

<script>

$(function() {

 $('.remove-button').on('click',function(){

(繼續閱讀...)

kinomelma 發表在 痞客邦 留言(0) 人氣()

▲top

排序首頁

<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");

while($row = mysqli_fetch_array($result)) {
$id=$row['id'];
$sorting=$row['sorting'];
$name=$row['name'];
echo <<<EOD

(繼續閱讀...)
文章標籤
Sortable List

kinomelma 發表在 痞客邦 留言(0) 人氣()

▲top

功能如下:

1.checkbox全選/取消

2.送出表單時(submit)判斷checkbox是否選取

 

 

瀏覽器支援：

  • Google Chrome
  • IE9

完整程式碼

 

<!doctype html>

<head>

<title>列表</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

(繼續閱讀...)
文章標籤
checkbox Jquery

kinomelma 發表在 痞客邦 留言(0) 人氣()

▲top

壹、中文稿

一、每篇論文應包括下列各項：(一)題目 (二)作者姓名 (三)服務單位 (四)e-mail　(五)摘要 (六)關鍵詞(七)次標題 (八)本文 (九)註釋 (十)參考文獻。

二、各章節序數，依壹、一、1、(1)、A、a ……等順序表示。

三、請用新式標點，書名號用《》，篇名號用〈〉，書名和篇名連用時，省略篇名號，如《史記•滑稽列傳》。

四、獨立引文，每行縮三格，並請改用標楷體。

五、註釋採當頁註，號碼請用阿拉伯數字標示，如1、2……。

六、註釋之體例，請參考下列格式，自行統一：

（一）引用專書

朱光潛，《詩論》（臺北：漢京文化，1982年），頁5。

德•康德（Immanuel Kant）著，李明輝譯，《道德底形上學之基礎》（臺北：聯經，1990年），頁6。

（二）引用論文

1、期刊論文

(繼續閱讀...)

kinomelma 發表在 痞客邦 留言(1) 人氣()

▲top

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

國軍online 外掛 - 退伍倒數計時器  國軍online 外掛 - 退伍倒數計時器  


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

免安裝綠色版

解壓縮密碼：回覆後顯示

  • 本程式為目前網路上功能最多、最詳盡計數的版本~可達到保密的效果
  • 可以任意輸入暱稱~
  • 可依照心情更換背景圖(可自由換女友照片、心情背景)
  • (在目錄底下更換掉pic.jpg (像素大小560*600) 即可任意更換背景)
  • 具備日期儲存功能，下一次免在重新輸入
  • 自動計算役期時間
  • 役期倒數計數
  • 役期年數轉役期天數
  • 可得知服役天數
  • 當兵經過時間
  • 完成百分比~等級達成率LV %
  • 具備當前時間
  • 可知已經入伍天數
  • 距離一百天的時間
  • 計算破百剩餘的天數
  • 退伍倒數(還未服完兵役的剩餘天數)
  • 退伍秒數即時倒數
  • 周末休假的總天數(計算出至少可以放假的周末天數) 獨特功能~
  • 兵役折抵天數

 

  • 軍訓課程折算役期實施辦法
軍訓課程兵役折抵換算表
年級 高一 高二 高三 合計
學期 上學期 下學期 上學期 下學期 上學期 下學期
堂課數 36 36 36 36 18 18 180
(87學年(含)以前入學者) 36 36 216
學分數 2 2 2 2 1 1 10
(87學年(含)以前入學者) 2 2 12
折抵天數 4.5 4.5 4.5 4.5 2.25 2.25 22
(87學年(含)以前入學者) 4.5 4.5 27

附註:1.87學年(含)以前入學者堂課數為216節，折抵天數為27天

       2.88學年(含)以後入學者堂課數為180節，折抵天數為22天

(繼續閱讀...)

kinomelma 發表在 痞客邦 留言(465) 人氣()

▲top
«1234 56