fantasyBlog

基本上，最近貼的有關於核取方塊的code都可以結合在一起

//全選後取消其中一個時全選方塊也取消
function check_box(obj,fld) {
	var checkboxs = document.getElementsByName(fld);
	var check = 0;
	for (var i = 1; i < checkboxs.length; i++) {
			if(checkboxs[i].checked == true) check++;
	}
	if(checkboxs.length != check) {
		checkboxs[0].checked = '';
	}
	if(checkboxs.length == (check+1)){
		checkboxs[0].checked = true;
	}
}

接著加在"非全選核取方塊裡"

<input type="checkbox" name="select[]" id="select[]" onclick="check_box(this,'select[]');" value="1"/>

此方法可以結合上一篇的用法，達到一些網路問卷的效果。

//全取消時確認按鈕不可按
function check_all(obj,fld) {
	var checkboxs = document.getElementsByName(fld);
	var check = 0;
	for (var i = 0; i < checkboxs.length; i++) {
			if(checkboxs[i].checked == '') check++;
	}
	if(checkboxs.length == check) {
		document.getElementById('check').disabled = true;
	}else{
		document.getElementById('check').disabled = false;
	}
}

加入要觸發事件的物件內(全選的核取方塊)

<input type="checkbox" name="select[]" id="select[]" value="all" onclick="check_all(this,'select[]');" />

被擉發事件的按鈕

<input type="button" class="btn_bg" name="check" id="check" />

為什麼不用getElementsByName而用getElementById呢？
我在用getElementsByName的時候會抓不到這個button，一改用getElementById就抓到了，很神奇，不要問。

最近弄比較多js的部份，所以把常忘記的部份記錄一下

一樣在頁首加上這段

function select_all(obj,fld) {
	var checkboxs = document.getElementsByName(fld);
	for (var i = 0; i < checkboxs.length; i++) {
			checkboxs[i].checked = obj.checked;
	}
}

然後在要觸發的事件上加入function name(比方說全選的chcek box)

<input type="checkbox" name="select[]" id="select[]" value="all" onclick="select_all(this,'select[]');" />

很久沒更新這了，一天到晚被進度追著跑，又卡到陰到瓶頸了．．．

首先在頁首加上這段code，它會去判斷頁面上"SysActionFrm"這個form裡所有type為radio的物件，然後改為空值，也就是不選取的意思

<script type="text/javascript">
function clear_all() {
	for (var i = 0; i < SysActionFrm.elements.length; i++) {
		if (SysActionFrm.elements[i].type == 'radio') {
			SysActionFrm.elements[i].checked = '';
		}
	}
}
</script>

接著在按鈕上加入onclick觸發clear_all()事件

<input type="button" name="search" class="btn_bg" onclick="clear_all();"/>