`
刘金剑
  • 浏览: 147911 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CheckBox 选中判断及单选实现功能

    博客分类:
  • JS
阅读更多

 

            // /功能:判断是否有选中项;
             // /参数:frm - 当前表单Form;idVal - 要查找的CheckBox的id;
             // /返回:True/False;
             // /调用:<INPUT type="submit" value="提交" id="btnS" runat="server" 
                                    onclick="JavaScript:return confirmSel(this.form, 'chkSel');">

             // /说明:'chkSel' - 将判断所有id包含'chkSel'的控件;
             function  confirmSel(frm, idVal) 
            {        
                
//  loop through all elements
                 var  IsChecked;
                IsChecked
= false ;
                
for  (i = 0 ; i < frm.length; i ++
                {
                    
//  Look for our checkboxes only
                     if  (frm.elements[i].id.indexOf (idVal)  !=- 1
                    {                
                        
//  If any are checked then confirm alert, otherwise nothing happens
                         if (frm.elements[i].checked) 
                        {
                            IsChecked
= true ;
                            
return   true ;
                            
// return confirm ('确定要提交所选择的记录吗?')
                        }                    
                    }
                }            
                
if (IsChecked == false )
                {
                    alert('请选择要进行操作的行
!!! ');
                    
return   false ;                    
                }
            }
            
            
// /功能:对CheckBox实现单选功能;
             // /参数:frm - 当前表单Form;chkVal - 当前CheckBox状态:选中True,不选中False;idVal - 当前CheckBox的id;
             // /返回:True/False;
             // /调用:<input type="checkbox" id='chkSel' onpropertychange='JavaScript:selChk(this.form,this.checked,this.id);' title="" runat="Server">            
             // /说明:hdnChkID - Hidden隐藏框,用于存放上次选中项CheckBox的id;
             function  selChk(frm,chkVal,idVal)
            {                        
                
if (chkVal  ==   true )  //如果当前CheckBox被选中
                {         
                     //将上次选中的CheckBox的id赋给变量lstChkID                        
                    
var  lstChkID  =  document.getElementById( " hdnChkID " ).value;
                     //记录当前CheckBox的id
                    document.getElementById(
" hdnChkID " ).value  =  idVal;
                    
if (lstChkID != '')
                    {
                        document.getElementById(lstChkID).checked 
=   false ;
                    }
                }                    
            }   
分享到:
评论

相关推荐

    checkboxlist单选功能

    为了实现`CheckboxList`的单选功能,可以通过JavaScript来控制复选框的状态。下面是一段示例代码: ```javascript function CheckSelect() { var tb = document.getElementById("chklistroomtype"); for (var i =...

    JS判断单个checkbox是否被选中

    复选框允许用户在一组选项中进行多选或单选。本文将深入探讨如何使用JavaScript来判断单个...理解并熟练运用这些知识,可以帮助你在网页应用中实现更丰富的用户交互功能。记得在实践中不断尝试和优化,以提升用户体验。

    Jquery为单选框checkbox绑定单击click事件

    具体实现是通过判断`$(this).attr("checked")`来获取单选框是否被选中。如果被选中(即值为"checked"),则将父级元素的背景色设置为`#dcf4fc`;如果未被选中,则设置为`#fcf7c7`。此外,函数中还调用了一个名为`...

    js 判断checkbox是否选中的操作方法

    本文将详细讲解如何使用 JavaScript 来判断 `checkbox` 是否被选中。 1. **获取 `checkbox` 元素** 在 JavaScript 中,可以通过 `document.getElementsByName()` 方法来获取页面上具有特定名称的 `checkbox` 元素...

    复选框变单选框

    在IT行业的前端开发中,将复选框(checkbox)转换为单选按钮(radio button)的行为,虽然在表面上看似简单,但其实涉及到了DOM操作、事件处理以及逻辑判断等多方面的知识。根据提供的代码片段与描述,我们可以深入...

    JavaScript取得gridview中获取checkbox选中的值

    此外,本文还提供了一段用于实现checkbox单选功能的代码,以及相关函数`selChk`,它用于处理复选框的选中和取消选中的情况,并且在用户选中一个复选框时,会将前一个选中的复选框取消选中。 最后,还有一个`...

    JS判定全选或单选(checkbox)

    在本文中,我们将深入探讨如何使用JavaScript来处理复选框(checkbox)的选择状态,包括全选和多选的功能。 ### 全选与多选复选框的实现 #### 函数`checkallbox()`详解 此函数的目标是实现“全选”功能。当用户...

    Radiogroup、Checkbox、Toast

    在Android应用中,Checkbox通常用于设置或取消某种功能或设置。Checkbox的事件监听器包括OnCheckedChangeListener,用于跟踪Checkbox的状态变化。 Toast是Android中的一个轻量级提示工具,用于显示短暂的非模态消息...

    CheckBoxList的操作

    4. **实现全选/全不选功能**:可以创建一个名为`select_all`的checkbox控件,当该控件被选中时,所有CheckBoxList项都应被选中;反之,全部取消选中。可以通过事件处理程序实现: ```csharp private void select_...

    vb.net里的单选和复选按钮练习

    在VB.NET编程环境中,单选按钮(RadioButton)和复选按钮(CheckBox)是两种常见的控件,用于用户界面设计中的选择功能。它们都是Windows Forms的一部分,用于与用户进行交互,收集用户输入。在这个练习中,我们将...

    android实现RecyclerView列表单选功能

    "android实现RecyclerView列表单选...通过上面的方法可以实现RecyclerView列表单选功能,选中时显示选中效果的icon图片,未选中时隐藏icon图片,点击item时判断当前position是否与记录的position相同,以实现单选功能。

    易语言源码单选框选择框选中状态.rar

    本资源“易语言源码单选框选择框选中状态.rar”包含了一个关于如何处理易语言中的单选框(RadioButton)和选择框(CheckBox)控件选中状态的源代码示例。在编程过程中,理解和掌握这些控件的状态管理对于开发用户...

    C#中checkboxList控件用法总结

    C#中checkboxList控件用法总结 CheckboxList控件是C#中常用的控件之一,主要用于显示多选项列表。...CheckboxList控件提供了多种方法来实现多选和单选的功能,可以根据实际需求选择合适的方法来实现所需的功能。

    DataGridView中CheckBox实现某一列单选

    实现单选功能的关键在于编程逻辑,需要在CellClick事件处理函数中加入判断列的逻辑,以及清除该列其他行选中状态的代码。在本例中,第一列被设置为单选列,当用户点击这一列的任*单元格时,将遍历此列,把所有...

    layui的table单击行勾选checkbox功能方法

    在本文中,我们将深入探讨如何在layui框架中实现表格(table)单击行时自动勾选或取消勾选复选框(checkbox)的功能。layui是一个轻量级的前端UI框架,提供了一系列丰富的组件,包括表格,用于数据展示和交互。下面...

    Android中完美实现IOS版的侧滑删除效果+单选效果

    在Android开发中,为了提供与iOS应用相似的用户体验,开发者经常需要实现类似iOS的侧滑删除功能以及单选效果。本教程将详细讲解如何在Android中完美地实现这两个功能,同时确保代码简洁、易于复用。参考链接为:...

    vb.net datagridview 单选

    ### vb.net DataGridView 实现单选功能 在 VB.NET 开发环境中,`DataGridView` 控件是用于展示和编辑数据的一种常用工具。默认情况下,如果在 `DataGridView` 中添加了 `CheckBox` 列,那么通常实现的是多选功能。...

    javascript判断单选框或复选框是否选中方法集锦

    ### JavaScript 判断单选框或复选框是否选中的方法集锦 在Web开发中,经常需要使用JavaScript来检查表单中的单选框(`&lt;input type="radio"&gt;`)和复选框(`&lt;input type="checkbox"&gt;`)是否被用户选中。这种检查对于...

    js判断复选框是否选中及选中个数的实现代码

    在探讨JavaScript如何实现判断复选框是否选中及其选中个数的代码之前,首先要了解复选框(Checkbox)是Web表单中常用的界面元素,它允许多选,常用于实现多选功能。开发者通常需要在用户交互时判断用户的选择情况,...

    android studio开发app项目CheckBox应用

    除了基本的单选功能,CheckBox还可以与其他控件配合使用,例如AdapterView(如ListView或GridView)中的复选框选择。在Adapter的getView方法中,为每个CheckBox设置监听器,可以实现多选功能。 此外,CheckBox的...

Global site tag (gtag.js) - Google Analytics