JQuery 封装脚本系列之单选框(Radio)

2010-03-30

最近,把项目整理了一下. 把以前用的一些 javascript 脚本整理下, 特针对 JQuery 给出一系列的封装脚本.
-------------------------
我测试用的环境如下：

• JQuery版本是 jquery1.3.2
• IE7,IE8,Firefox下测试通过

首先你应该下载 jquery 的 js 库。 请到官方下载。

Javascript 脚本【jquery-wellhope-radio.js】

// // author: Power By Wellhope Corporation, All Rights Reserved // create time: 2009-11 // update site: http://blog.csdn.net/zhangyunbo1116 /** * function:是否存在特定的值 * @para radioName radio名称 * @para svalue 被查找的值 * @return true(存在) */ function Wellhope_Radio_ExistSpecialValue(radioName,svalue) { $("input[type=radio][@name="+radioName+"]").each(function(){ if(this.value == svalue){ return true; } }); return false; } /** * function:全部取消选中 * @para radioName radio名称 * @para svalue 被查找的值 */ function Wellhope_Radio_SelectSpeciaItem(radioName,svalue) { //$("input[name='chkCity']").attr("checked","false"); //这个有问题,不能实现全部取消的效果 $("input[type=radio][@name="+radioName+"]").each(function(){ if(this.value == svalue){ this.checked = true; } }); } /** * function:查看选中的值 * @para radioName radio名称 * @return 选中的值, 如果有多个,使用逗号隔开 */ function Wellhope_Radio_GetSelectedValue(radioName) { var sltvalue = ""; var isHave = false; //alert($("intput[name=chkCity][checked]").val()); $("input[type=radio][@name="+radioName+"][@checked]").each(function(){ if(this.checked){ sltvalue += this.value; sltvalue+=","; } }); if(""!=sltvalue) { var length = sltvalue.length; sltvalue = sltvalue.substring(0,length-1); } return sltvalue; } /** * function: 取消选中状态 * @para radio的名称 */ function Wellhope_Radio_CancalSelectAll(radioName){ $("input[type=radio][@name="+radioName+"]").each(function(){ this.checked = false; }); } //----------------------------

测试使用的 HTML 页面源码【jquery-wellhope-radio-1.0.html】

// // author: Power By Wellhope Corporation, All Rights Reserved // create time: 2009-11 // update site: http://blog.csdn.net/zhangyunbo1116 /** * function:是否存在特定的值 * @para radioName radio名称 * @para svalue 被查找的值 * @return true(存在) */ function Wellhope_Radio_ExistSpecialValue(radioName,svalue) { $("input[type=radio][@name="+radioName+"]").each(function(){ if(this.value == svalue){ return true; } }); return false; } /** * function:全部取消选中 * @para radioName radio名称 * @para svalue 被查找的值 */ function Wellhope_Radio_SelectSpeciaItem(radioName,svalue) { //$("input[name='chkCity']").attr("checked","false"); //这个有问题,不能实现全部取消的效果 $("input[type=radio][@name="+radioName+"]").each(function(){ if(this.value == svalue){ this.checked = true; } }); } /** * function:查看选中的值 * @para radioName radio名称 * @return 选中的值, 如果有多个,使用逗号隔开 */ function Wellhope_Radio_GetSelectedValue(radioName) { var sltvalue = ""; var isHave = false; //alert($("intput[name=chkCity][checked]").val()); $("input[type=radio][@name="+radioName+"][@checked]").each(function(){ if(this.checked){ sltvalue += this.value; sltvalue+=","; } }); if(""!=sltvalue) { var length = sltvalue.length; sltvalue = sltvalue.substring(0,length-1); } return sltvalue; } /** * function: 取消选中状态 * @para radio的名称 */ function Wellhope_Radio_CancalSelectAll(radioName){ $("input[type=radio][@name="+radioName+"]").each(function(){ this.checked = false; }); } //----------------------------

对于上面源码的说面,  把编辑器内的代码,拷贝出来, 然后运行即可.  建议把Javascript  jquery-wellhope-radio.js