多选变单选(checkbox to radio)

先介绍javascript

js 代码

function checkBoxToRadio(theForm,checkBox)
{
  for (var i=0;i<theForm.elements.length;i++) {
    var e = theForm.elements[i];
        var eName = e.name;
        if (eName != 'allbox' &&
            (e.type.indexOf("checkbox") == 0)) {
            if(e!=checkBox)e.checked=false;
            else e.checked=true;
        }
    }
}

两个参数，一个是当前checkbox所在form,一个是当前checkbox对象。

页面代码如下(JSF)：

<h:form id="selectHouse">
<t:dataTable.......>
<h:selectBooleanCheckbox  value="#{house.select}" onclick="checkBoxToRadio(document.getElementById('selectHouse'),this)"/>
</t:dataTable>
</h:form>

页面是jsf的，我相信jsp的应用应该也没问题，其他web框架是否能用还请验证了。

分享到：

javascript 坐标 | Subversion快速入门教程for windows(转)

• 2007-07-11 17:44
• 浏览 3079
• 评论(0)
• 查看更多

相关推荐

自制单选（radiobox）和多选(checkbox)控件

最近想学者用js做适合触摸的单选（radiobox）和多选(checkbox)控件，起因是：1、不想用就jQuery，因为用它就解决这么一个问题感觉有点像大炮打蚊子；2、想用css做出toggle switch那种感觉很困难，而且这种开关只支持...

前端web select 多层级选择。利用 ztree.js 实现下拉框的多选和单选demo.有兴趣的可以了解一下。

其中，`check` 参数用于控制多选和单选功能，如 `check.enable` 设为 `true` 可开启多选，`check.chkStyle` 可设置为 `"radio"` 或 `"checkbox"` 分别实现单选或多选。同时，`select` 参数可以配置选择后的效果，如...

结合ztree的下拉框树形结构数据多选，单选

这通常通过设置zTree的配置参数来实现，例如设置`check.enable`为`true`启用复选功能，然后通过`check.chkStyle`设置为`radio.type`或`checkbox.type`来切换单选或多选模式。 在实际应用中，"数据可以是固定数据或...

JQuery操作checkbox、radio等示例

Checkbox用于提供多选选项，用户可以勾选多个选项；而radio则是单选按钮，用户只能选择其中一个选项。 在jQuery中，操作这些元素通常涉及到选择它们，改变它们的状态，以及响应用户的交互。以下是一些常见的jQuery...

checkbox单选多选

Checkbox，通常称为复选框，允许用户在多个选项中进行选择，可以同时选择一个或多个选项，这与单选按钮（Radio Button）不同，单选按钮在同一时间只能选择一个选项。在本主题中，我们将深入探讨Checkbox的单选和多选...

textBox下拉框，多选，单选自定义控件

2. **多选与单选**：这个控件提供了Checkbox和Radio两种选择方式。Checkbox允许用户同时选择多个选项，适用于需要多项勾选的场景；Radio则限制用户只能选择一个，适用于互斥选项的情况。 3. **根据数据源动态生成**...

购物车中多选单选Demo

"购物车中多选单选Demo"是一个针对这一功能的示例实现，旨在提供一个简单易懂的解决方案，帮助开发者快速构建购物车的多选与单选功能。在这个Demo中，我们可以探讨以下几个关键知识点： 1. **多选与单选**：在...

checkbox与radio好看的样式

在网页设计中，`checkbox` 和 `radio` 是两种常见的表单元素，用于用户进行多选和单选操作。为了提升用户体验和界面美观性，设计师和开发者常常会为这些元素定制自定义样式。本篇文章将深入探讨如何实现“好看的”`...

ASP 投票系统 支持多选、单选 无限添加选项

这通常通过HTML的`<input>`标签实现，类型可以设置为`checkbox`（多选）或`radio`（单选）。 4. **无限添加选项**: 这个功能意味着管理员可以在后台随时增加新的投票选项，无需对源代码进行大规模修改。这通常通过...

微信小程序单选radio及多选checkbox按钮用法示例

本文主要介绍的是如何使用单选按钮（radio）和多选按钮（checkbox）这两种常见的表单元素。以下是对标题和描述中提及的知识点的详细说明： 1. **单选按钮（radio）**： 单选按钮在微信小程序中通常用于提供一系列...

checkBox的单选多选

在Android开发中，CheckBox控件是用户界面设计中不可或缺的一部分，它允许用户进行单选或多选操作。在很多场景下，比如设置、选项列表等，我们都需要用到这个功能。本教程将详细介绍如何在Android中实现CheckBox的...

Bootstrap3 多选和单选框(checkbox)

对于和多选或单选框联合使用的 <label> 标签，如果也希望将悬停于上方的鼠标设置为“禁止点击”的样式，请将 .disabled 类赋予 .radio、.radio-inline、.checkbox、.checkbox-inline 或 。 默认外观（堆叠在一起） ...

ListView多选单选模式

1. 单选模式（Radio Button） 在ListView中实现单选模式，通常我们会用到`android.widget.RadioGroup`和`android.widget.RadioButton`。首先，在ListView的适配器中创建一个包含RadioButton的布局文件，然后在适配器...

带checkbox和日radio的Treeview

将`checkbox`和`radio`与`Treeview`结合，可以使用户在多层级的数据结构中进行多选或单选操作，这对于管理具有层次关系的选项或数据非常有用。例如，在文件管理器中，用户可能希望选择多个不同目录下的文件，或者在...

单选按钮和多选按钮

在计算机用户界面设计中，单选按钮（Radio Button）和多选按钮（Checkbox）是两种常见的交互元素，用于用户在一组选项中进行选择。本文将深入探讨这两种按钮的原理、功能以及如何在不同编程环境中实现它们的选中、...

CSS自定义复选框,单选框checkbox,radio的源代码_3种实现思想代码.zip

在用户界面设计中，复选框（checkbox）和单选框（radio button）是常见的交互元素，它们允许用户在一组选项中进行选择。在本资料包中，你将找到关于如何使用CSS自定义复选框和单选框的源代码，涵盖三种不同的实现...

019_UI_常用组件-BasicViews-button-checkbox-radio

在Android UI设计中，BasicViews是一组基础的视图组件，包括按钮（Button）、复选框（Checkbox）和单选按钮（Radio Button），这些都是构建用户界面不可或缺的部分。本教程“019_UI_常用组件-BasicViews-button-...

单选和多选美化

引用js <!--引用js--> <script src="js/jquery-1.11.2.min.js"></... //参数{input类名，选择类型(单选or多选)} $(".rdolist").labelauty("rdolist", "rdo"); $(".chklist").labelauty("chklist", "check"); });

checkbox和radio 的使用 特效

在网页设计和开发中，`checkbox`和`radio`按钮是两种常见的表单元素，用于收集用户输入。它们都是HTML `<input>`标签的不同类型，但各自具有特定的用途和交互方式。在这里，我们主要探讨`checkbox`和`radio`的使用...