s:check

來源:互聯網
上載者:User

                    s:check

struts2的checkbox標籤在使用的時候需要注意它的兩個屬性。value和fieldValue,在其他的標籤中value是真實值。而在checkbox中,value如果為true,就表示複選框被選中;如果為false就表示不被選中。fieldValue才是此複選框對應的真實的值。

            js(CheckBox)全選及全不選

<script type="text/javascript">

<!--

// 說明:Javascript 控制 CheckBox 的全選與取消全選

 

function checkAll(name)

{

   var el = document.getElementsByTagName('input');

   var len = el.length;

   for(var i=0; i<len; i++)

   {

       if((el[i].type=="checkbox") && (el[i].name==name))

       {

            el[i].checked = true;

       }

   }

}

function clearAll(name)

{

   var el = document.getElementsByTagName('input');

   var len = el.length;

   for(var i=0; i<len; i++)

   {

       if((el[i].type=="checkbox") && (el[i].name==name))

       {

            el[i].checked = false;

       }

   }

}

//-->

</script>

頁面:

 <input type="checkbox" name="test" value="" onclick="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }" /> 字母全選開關

 <input type="checkbox" name="test" value="a" /> a

<input type="checkbox" name="test" value="b" /> b

<input type="checkbox" name="test" value="c" /> c

<input type="checkbox" name="test" value="d" /> d

<input type="checkbox" name="test" value="e" /> e

<input type="checkbox" name="test" value="f" /> f

<input type="checkbox" name="test" value="g" /> g

 

<script type="text/javascript">
function delAll(){
var strurl="";
var  els  =  document.getElementsByName("test"); 
for(var i=0;i <els.length;i++){
if(els[i].checked ==true)

   strurl+=els[i].value+",";
}
}
//alert(strurl);
document.location.href="deleteAll.action?hhh="+strurl;
   
}
</script>
//onclick裡面可以執行很多函數

<input type=button value=mayor onclick="myFunc();"><script language="JavaScript"><!--function myFunc(){a1();a2();a3();a4();}

function a1(){alert("1")}

function a2(){alert("2")}

function a3(){alert("3")}

function a4(){alert("4")}-->

</script>

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.