11 二月 2010 @ 11:08 上午 

基本上,最近貼的有關於核取方塊的code都可以結合在一起
[js]
//全選後取消其中一個時全選方塊也取消
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;
}
}
[/js]

接著加在”非全選核取方塊裡”
[html]
<input type="checkbox" name="select[]" id="select[]" onclick="check_box(this,’select[]’);" value="1"/>
[/html]

Posted By: fantasy
Last Edit: 11 二月 2010 @ 11:08 上午

EmailPermalinkComments (0)
Tags
Categories: 程設不歸路
 10 二月 2010 @ 6:02 下午 

此方法可以結合上一篇的用法,達到一些網路問卷的效果。
[js]
//全取消時確認按鈕不可按
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;
}
}
[/js]

加入要觸發事件的物件內(全選的核取方塊)
[html]
<input type="checkbox" name="select[]" id="select[]" value="all" onclick="check_all(this,’select[]’);" />
[/html]

被擉發事件的按鈕
[html]
<input type="button" class="btn_bg" name="check" id="check" />
[/html]

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

Posted By: fantasy
Last Edit: 11 二月 2010 @ 10:12 上午

EmailPermalinkComments (0)
Tags
Categories: 程設不歸路
 10 二月 2010 @ 5:57 下午 

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

一樣在頁首加上這段
[js]
function select_all(obj,fld) {
var checkboxs = document.getElementsByName(fld);
for (var i = 0; i < checkboxs.length; i++) {
checkboxs[i].checked = obj.checked;
}
}
[/js]

然後在要觸發的事件上加入function name(比方說全選的chcek box)
[html]
<input type="checkbox" name="select[]" id="select[]" value="all" onclick="select_all(this,’select[]’);" />
[/html]

Posted By: fantasy
Last Edit: 10 二月 2010 @ 05:58 下午

EmailPermalinkComments (0)
Tags
Categories: 程設不歸路
 10 二月 2010 @ 9:14 上午 

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

首先在頁首加上這段code,它會去判斷頁面上”SysActionFrm”這個form裡所有type為radio的物件,然後改為空值,也就是不選取的意思
[js]
<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>
[/js]

接著在按鈕上加入onclick觸發clear_all()事件
[html]
<input type="button" name="search" class="btn_bg" onclick="clear_all();"/>
[/html]

Posted By: fantasy
Last Edit: 10 二月 2010 @ 09:15 上午

EmailPermalinkComments (0)
Tags
Categories: 程設不歸路

 Last 50 Posts
 Back
 Back
Change Theme...
  • Users » 6
  • Posts/Pages » 131
  • Comments » 6
Change Theme...
  • VoidVoid « Default
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LightLight

生活大小事



    No Child Pages.

程式設計



    No Child Pages.