Home » jQuery 外掛

[jQ]Checkbox ShiftClick 1.0

範例 1
沒錯!只要 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 來控制全選/反向等功能而已?

  1. 沒錯不知道能否將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

發表迴響