Home » jQuery 外掛

[jQ]Checkbox ShiftClick 1.0

[ 日期： | 瀏覽：5,617 | 迴響：5 ]
範例 1
請協助我把這個效果加到我的網站 (只要 300 元)
沒錯!只要 300 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

Checkbox ShiftClick 1.0

Checkbox ShiftClick 允許使用者在勾選 CheckBox 時，透過 Shift 鍵來做多個 CheckBox 間的勾選動作，當要勾選的 CheckBox 是屬於一整排的型式的話，這就還算方便哩。

套件名稱：Checkbox ShiftClick
套件版本：1.0
作者網站：http://sneeu.com/projects/shiftclick/
套件網址：http://plugins.jquery.com/project/shiftclick
發佈日期：2008-02-24
檔案大小：1.3 KB
檔案下載：jquery.shiftclick.js

參數說明：

檢視原始碼 JavaScript
1

無

方法說明：

檢視原始碼 JavaScript
1
2

// 使用 shiftClick 效果
$(selector).shiftClick();

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.shiftclick.js"></script>
<script type="text/javascript">
	$(function() {
		$('input[type=checkbox]').shiftClick();
	});
</script>
 
<body>
	<input type="checkbox" /> One<br />
	<input type="checkbox" /> Two<br />
	<input type="checkbox" /> Three<br />
	<input type="checkbox" /> Four<br />
	<input type="checkbox" /> Five<br />
	<input type="checkbox" /> Six<br />
	<input type="checkbox" /> Seven<br />
	<input type="checkbox" /> Eight<br />
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

5 筆針對 [jQ]Checkbox ShiftClick 1.0 的迴響

    • 它這是用 shift 來一次勾選多個 checkbox 耶。你要改成一個 checkbox 是要怎麼用。
      還是你要的只是用 checkbox 來控制全選/反向等功能而已？

  2. 沒錯不知道能否將shift改成checkbox做一個全選與全部取消。
    假設A=控制用的checkbox(全部打勾/全部取消勾選)
    B=checkbox(單獨打勾/單獨取消勾選)
    C=checkbox(單獨打勾/單獨取消勾選)
    D=checkbox(單獨打勾/單獨取消勾選)
    E=checkbox(單獨打勾/單獨取消勾選)
    我想用這個套件不知道能否做得出來~

    • 這....2-3行就能解決了~

      檢視原始碼 JavaScript
      1
2
3
4
5
6
7
8
9
10
11
12
13
14

      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
	$(function(){
		$('#sa').click(function(){
			$(':checkbox[name=abgne]').attr('checked', $(this).attr('checked'));
		});
	});
</script>
 
<input type="checkbox" name="" id="sa" />(un)select all<br />
<input type="checkbox" name="abgne" />A<br />
<input type="checkbox" name="abgne" />B<br />
<input type="checkbox" name="abgne" />C<br />
<input type="checkbox" name="abgne" />D

發表迴響