`

checkbox多选框使用实例说明

JSP 
阅读更多
js代码
<script language="javascript">
   var len = document.customerForm.yangshu.length;
   var checked = false;

   for (i = 0; i < len; i++)
   {
      if (document.customerForm.yangshu[i].checked == true)
      {
          checked = true;
          break;
       }
    }
    if (!checked)
    {
        alert("请至少选择一个双氧度数!");
        return false;
    }    
</script>  

form内容:
<form name="customerForm" onsubmit="return check()" method="post">
<table>
    <tr>
<td height="25" bgcolor="#FFFFFF">
<div align="center" class="STYLE1">
双氧度数
</div>
</td>
<td height="25" bgcolor="#FFFFFF" class="STYLE2 STYLE1">
<input type="checkbox" name="yangshu" value="1">
3%
<input type="checkbox" name="yangshu" value="2">
6%
<input type="checkbox" name="yangshu" value="3">
9%
<input type="checkbox" name="yangshu" value="4">
12%
</td>
</tr>
<input type="submit" name="Submit" value="提交">
</table>
</form>

接收处理页面:
jsp代码:
String[] xiangmu = request.getParameterValues("xiangmu");
if (xiangmu != null && !xiangmu.equals("")) {
for (int i = 0; i < xiangmu.length; i++) {

if (xiangmu[i].equalsIgnoreCase("1"))
ju = "1";
if (xiangmu[i].equalsIgnoreCase("2"))
ran = "2";
if (xiangmu[i].equalsIgnoreCase("3"))
tang = "3";
if (xiangmu[i].equalsIgnoreCase("4"))
washcut = "4";

}

}
分享到:
评论

相关推荐

    html5 css3 复选框Checkbox、单选框Radiobox按钮美化实例.rar

    纯CSS3美化复选框和单选框按钮,用HTML5的CSS3技术美化网页上的Checkbox和Radiobox按钮,经过美化后,变得时尚多了,和默认风格完全不一样了,美化后的风格也是目前在手机上比较容易看到的效果,实现方法和具体代码...

    vs2008演示CheckBox复选框控件的使用实例

    - `Appearance`:定义CheckBox的外观,可选值有`Button`(默认)和`Flat`。 2. **常见事件**: - `CheckedChanged`:当用户更改CheckBox的状态时触发,通常在此事件处理程序中执行相应的操作。 - `Click`:用户...

    vue基于element-ui的三级CheckBox复选框功能的实现代码.zip

    `el-checkbox-group` 是一个容器,用于管理多个 `el-checkbox` 组件,而 `el-checkbox` 则是具体的单个复选框元素。在实现三级复选框时,通常需要处理嵌套关系,即一个复选框的选择可能会影响其子复选框的状态。 ...

    jquery.checkbox 单选框多选框美化插件.zip

    《jQuery.checkbox:单选框与多选框的美化实践》 在网页开发中,单选框(radio)和多选框(checkbox)是常见的用户交互元素,用于收集用户的选择信息。然而,原生的HTML控件样式往往单调,无法满足现代网页设计的...

    js获取checkbox复选框选中的选项实例

    有关javascript 获取checkbox复选框的实例数不胜数。 js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field); var ...

    NET MVC3使用CheckBox List(复选框列表)的简单方法

    ### .NET MVC3 使用 CheckBox List(复选框列表)的简单方法 在.NET MVC3框架中,虽然没有直接提供CheckBox List的功能,但可以通过简单的自定义方法来实现这一功能。下面将详细介绍如何在.NET MVC3中使用CheckBox ...

    vue实现多种复选框,含搜索

    在Vue中,复选框通常使用`&lt;input type="checkbox"&gt;`标签来创建。我们可以利用Vue的v-model指令双向绑定数据,使得复选框的状态与Vue实例的数据同步。例如,我们有一个`items`数组,每个元素代表一个可选项目: ```...

    vue表单绑定实现多选框和下拉列表的实例

    在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,这次主要说的是多选框和下拉列表的实现: 测试多选渲染: &lt;input type=checkbox name=hobby :value=item.id :checked=loopsss.indexOf(item...

    Android中CheckBox复选框控件使用方法详解

    Android中CheckBox复选框控件使用方法详解 Android 中的 CheckBox 复选框控件是一种常用的 UI 控件,用于在...通过遵循上述步骤和代码实例,可以轻松地在 Android 中使用 CheckBox 复选框控件来实现多选项选择功能。

    Eclipse编写的Android复选框应用实例

    本教程将深入探讨如何在Eclipse V4.2.0中实现一个基于复选框(Checkbox)的功能性应用实例。 首先,我们要了解Android中的复选框组件。复选框是Android UI设计中常用的一种控件,用户可以点击它来选择或取消选择...

    checkbox组件.zip

    在描述中提到的“基于vue的element组件Checkbox多选框【竖向多列】展示”,意味着我们将讨论如何在Vue项目中使用Element UI的Checkbox组件来创建一个垂直排列的多列多选框。 首先,我们需要了解Checkbox组件的基本...

    checkBox控件常见使用

    - **清晰性**:每个`checkBox`旁边应有明确的标签,说明选择的意义。 - **反馈**:状态改变时,应立即给予用户视觉反馈,如勾号的出现或消失。 - **空间布局**:`checkBox`应与其他界面元素保持适当的距离,避免视觉...

    iOS 复选框 M13Checkbox.zip

    复选框(Checkbox)是用户界面中常见的元素,用于提供多选功能,让用户可以选择一个或多个选项。`M13Checkbox` 是一个针对iOS平台的开源项目,它提供了一个强大的自定义复选框控件,适用于那些希望在自己的应用中...

    基于javascript实现checkbox复选框实例代码

    最后,本文还提到了如何处理多选框数组的问题。在表单提交时,如果复选框被选中,它的name和value对将被包含在POST数据中。由于使用了相同的name属性,这些复选框的值将会以数组的形式返回。例如,如果选择了"音乐...

    bootstrap-checkbox:基于bootstrap框架的复选框组件

    引导复选框 基于引导框架的复选框组件 作者 文献资料 您可以找到演示和文档。 用法 切记在HTML标头中同时包含.js和.css。 使用.checkbox类创建您的&lt;input type="checkbox"&gt; 。 &lt;input type="checkbox" ...

    dtree和dtree_checkbox(dtree复选框)

    dtree_checkbox是dtree的一个增强版本,它引入了复选框功能,使得用户可以选择一个或多个节点。这一特性在需要多选操作的场景下非常实用,例如在文件管理器中选择多个文件进行操作。dtree_checkbox的主要特点包括: ...

    微信小程序获取复选框全选反选选中的值(实例代码)

    本文中的`checkbox-group`用在了多选框功能上: ```html &lt;checkbox-group bindchange="checkboxChange"&gt; &lt;!-- 循环生成多个复选框 --&gt; &lt;/checkbox-group&gt; ``` ### 3. 事件处理 对于单个复选框(全选框),我们...

    实例12复选框(java实例系列)

    本实例"实例12复选框"深入探讨了如何在Java应用程序中使用JCheckBox类来实现这一功能。下面将详细阐述相关知识点。 1. **Swing组件库**: Swing是Java提供的一个图形用户界面(GUI)工具包,它是Java Foundation ...

    Eclipse编写的Android复选框(仿购物车)应用实例

    在本实例中,我们将深入探讨如何使用Eclipse IDE V4.2.0开发一个基于Android的复选框应用,该应用模拟了购物车的功能。在Android编程中,复选框(CheckBox)是一种常用的UI组件,它允许用户进行多选操作,非常适合...

    javascript实现checkbox复选框实例代码

    在网页设计中,复选框(Checkbox)是用户界面中常用的一种元素,它允许用户从多个选项中选择一个或多个。在JavaScript中,我们可以利用DOM操作和事件处理来实现复选框的各种交互功能,如美化、全选/取消全选等。下面...

Global site tag (gtag.js) - Google Analytics