JQuery 封裝指令碼系列之單選框(Radio)

2010-03-30

最近,把項目整理了一下. 把以前用的一些 javascript 指令碼整理下, 特針對 JQuery 給出一系列的封裝指令碼.
-------------------------
我測試用的環境如下：

• JQuery版本是 jquery1.3.2
• IE7,IE8,Firefox下測試通過

首先你應該下載 jquery 的 js 庫。 請到官方下載。

Javascript 指令碼【jquery-wellhope-radio.js】

//<br />// author: Power By Wellhope Corporation, All Rights Reserved<br />// create time: 2009-11<br />// update site: http://blog.csdn.net/zhangyunbo1116<br /> /**<br /> * function:是否存在特定的值<br /> * @para radioName radio名稱<br /> * @para svalue 被尋找的值<br /> * @return true(存在)<br /> */<br /> function Wellhope_Radio_ExistSpecialValue(radioName,svalue)<br />{</p><p>$("input[type=radio][@name="+radioName+"]").each(function(){<br />if(this.value == svalue){<br />return true;<br />}<br />});<br />return false;<br />}</p><p>/**<br /> * function:全部取消選中<br /> * @para radioName radio名稱<br /> * @para svalue 被尋找的值<br /> */<br /> function Wellhope_Radio_SelectSpeciaItem(radioName,svalue)<br />{<br />//$("input[name='chkCity']").attr("checked","false"); //這個有問題,不能實現全部取消的效果<br />$("input[type=radio][@name="+radioName+"]").each(function(){<br />if(this.value == svalue){<br />this.checked = true;<br />}<br />});<br />}</p><p>/**<br /> * function:查看選中的值<br /> * @para radioName radio名稱<br /> * @return 選中的值, 如果有多個,使用逗號隔開<br /> */<br /> function Wellhope_Radio_GetSelectedValue(radioName)<br />{<br />var sltvalue = "";<br />var isHave = false;<br />//alert($("intput[name=chkCity][checked]").val());<br />$("input[type=radio][@name="+radioName+"][@checked]").each(function(){<br /> if(this.checked){<br /> sltvalue += this.value;<br /> sltvalue+=",";<br /> }<br />});</p><p> if(""!=sltvalue)<br /> {<br /> var length = sltvalue.length;<br /> sltvalue = sltvalue.substring(0,length-1);<br /> }</p><p>return sltvalue;<br />}</p><p>/**<br /> * function: 取消選中狀態<br /> * @para radio的名稱<br /> */<br />function Wellhope_Radio_CancalSelectAll(radioName){<br />$("input[type=radio][@name="+radioName+"]").each(function(){<br />this.checked = false;<br />});<br />}<br />//----------------------------

 

 

測試使用的 HTML 頁面源碼【jquery-wellhope-radio-1.0.html】

 

//<br />// author: Power By Wellhope Corporation, All Rights Reserved<br />// create time: 2009-11<br />// update site: http://blog.csdn.net/zhangyunbo1116<br /> /**<br /> * function:是否存在特定的值<br /> * @para radioName radio名稱<br /> * @para svalue 被尋找的值<br /> * @return true(存在)<br /> */<br /> function Wellhope_Radio_ExistSpecialValue(radioName,svalue)<br />{</p><p>$("input[type=radio][@name="+radioName+"]").each(function(){<br />if(this.value == svalue){<br />return true;<br />}<br />});<br />return false;<br />}</p><p>/**<br /> * function:全部取消選中<br /> * @para radioName radio名稱<br /> * @para svalue 被尋找的值<br /> */<br /> function Wellhope_Radio_SelectSpeciaItem(radioName,svalue)<br />{<br />//$("input[name='chkCity']").attr("checked","false"); //這個有問題,不能實現全部取消的效果<br />$("input[type=radio][@name="+radioName+"]").each(function(){<br />if(this.value == svalue){<br />this.checked = true;<br />}<br />});<br />}</p><p>/**<br /> * function:查看選中的值<br /> * @para radioName radio名稱<br /> * @return 選中的值, 如果有多個,使用逗號隔開<br /> */<br /> function Wellhope_Radio_GetSelectedValue(radioName)<br />{<br />var sltvalue = "";<br />var isHave = false;<br />//alert($("intput[name=chkCity][checked]").val());<br />$("input[type=radio][@name="+radioName+"][@checked]").each(function(){<br /> if(this.checked){<br /> sltvalue += this.value;<br /> sltvalue+=",";<br /> }<br />});</p><p> if(""!=sltvalue)<br /> {<br /> var length = sltvalue.length;<br /> sltvalue = sltvalue.substring(0,length-1);<br /> }</p><p>return sltvalue;<br />}</p><p>/**<br /> * function: 取消選中狀態<br /> * @para radio的名稱<br /> */<br />function Wellhope_Radio_CancalSelectAll(radioName){<br />$("input[type=radio][@name="+radioName+"]").each(function(){<br />this.checked = false;<br />});<br />}<br />//----------------------------

 

 

對於上面源碼的說面,  把編輯器內的代碼,拷貝出來, 然後運行即可.  建議把Javascript  jquery-wellhope-radio.js