`

html:checkbox设计方法

阅读更多

复选框的设计:复选框在struts的设计非常灵活,也是使用非常多的一种form的类型。
第一种使用Map操作。页面设计,()的为key值:

<html:checkbox property="linuxdist(redhat)" value="Redhat/Fedora Linux"/>Redhat/Fedora Linux<br>
<html:checkbox property="linuxdist(mdk)" value="Mandrake Linux"/>Mandrake Linux<br>
<html:checkbox property="linuxdist(suse)" value="Suse Linux"/>Suse Linux<br>
<html:checkbox property="linuxdist(debian)" value="Debian/Debian-based Linux"/>Debian/Debian-based Linux<br>
<html:checkbox property="linuxdist(none)" value="None above"/>None above


SurveyForm
中的对应代码。

private Map linuxdists=new HashMap();

public void setLinuxdists(Map linuxDists){
this.linuxdists=linuxDists;
}

public Map getLinuxdists(){
return linuxdists;
}

public void setLinuxdist(String key,String value){
linuxdists.put(key, value);
}

public String getLinuxdist(String key){
return (String)linuxdists.get(key);
}

注意其中的单数和复数。
第二种,数组的使用,property使用同一值。对应的页面中和ActionForm的定义。

<html:checkbox property="perferredDesktop" value="Gnome"/>Gnome<br>
<html:checkbox property="perferredDesktop" value="KDE"/>KDE<br>
<html:checkbox property="perferredDesktop" value="XFCE"/>XFCE<br>
<html:checkbox property="perferredDesktop" value="Other window manager" />Other window manager

 

private String[] perferredDesktop;
public void setPerferredDesktop(String[] perferredDesktop){
this.perferredDesktop=perferredDesktop;
}

public String[] getPerferredDesktop(){
return perferredDesktop;
}


第三种,boolean型的使用,当需要选择是和否,使用这种情况,此属性返回truefalse

<html:checkbox property="surveyPublic" />

SurveyForm 中的定义:

private boolean surveyPublic ;
public void setSurveyPublic(boolean surveyPublic){
this.surveyPublic=surveyPublic;
}

public boolean isSurveyPublic(){
return surveyPublic;
}

分享到:
评论

相关推荐

    Asp.net CheckBoxList操作集合

    在`CheckBoxList.aspx`、`CheckBoxList.aspx.designer.cs`和`CheckBoxList.aspx.cs`这些文件中,通常会包含这些功能的完整实现,包括HTML、设计时属性和后台处理逻辑。通过查看和学习这些文件,你可以更深入地理解...

    多选下拉的CheckBoxList

    在HTML渲染后,CheckBoxList会显示为一系列的`&lt;input type="checkbox"&gt;`元素。 2. **创建CheckBoxList** 在ASP.NET Web Forms中,我们首先需要在页面的`.aspx`文件中添加CheckBoxList控件,像这样: ```html ...

    漂亮的html5格式多种checkbox风格

    在本主题中,“漂亮的html5格式多种checkbox风格”是指通过CSS3来美化这些基本的HTML5复选框,以提供更加吸引人的用户体验。 描述中提到有9种不同的选择,这意味着这个压缩包可能包含了9种不同设计风格的复选框。...

    html checkbox 美化

    在网页设计中,HTML的复选框(checkbox)和单选按钮(radio)是不可或缺的元素,它们用于收集用户的数据,比如用户的选择或确认。然而,原生的HTML checkbox样式通常较为简单,不符合现代网页的美观需求。"html ...

    html的checkbox的javascript验证

    在HTML页面中,复选框(checkbox)是用户交互中常见的一种元素,它允许用户对多个选项进行选择。然而,为了确保数据的有效性和安全性,我们通常会在用户提交表单前进行验证。JavaScript作为客户端脚本语言,非常适合...

    html5 css3制作checkbox多选框选中样式特效

    在网页设计中,HTML5和CSS3是两个至关重要的技术,它们共同负责构建现代、动态且交互性强的用户界面。本教程将详细讲解如何利用HTML5和CSS3来创建一个具有独特选中样式的checkbox多选框特效。 首先,HTML5的`...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    在HTML中,创建一个可多选的下拉框通常涉及到`&lt;select&gt;`元素与`&lt;option&gt;`元素的组合,但为了实现多选功能,我们需要使用`&lt;input type="checkbox"&gt;`和自定义的JavaScript或者利用现代浏览器支持的Web组件技术。...

    关于checkboxlist的绑定和遍历checkboxlist

    在.NET框架中,CheckBoxList控件是经常用于网页设计中的一种多选列表控件,它允许用户通过勾选复选框来选择一个或多个选项。本文将深入探讨关于CheckBoxList的绑定和遍历的实现方法及其相关知识点。 一、CheckBox...

    c# javascript 操作 checkBox控件

    在编程领域,`CheckBox`控件是用户界面(UI)设计中常见的元素,它允许用户在两种状态之间进行切换:选中(checked)或未选中(unchecked)。在C#和JavaScript这两种不同的语言中,对`CheckBox`的操作方法有所不同,...

    改变checkbox背景勾选样式

    5. **响应式设计:** 如果需要确保样式在不同设备和屏幕尺寸上保持一致,可以使用媒体查询(`media query`)来实现响应式设计。 6. **动画效果:** 为了增加用户体验,可以添加一些过渡和动画效果,如上面代码中的`...

    checkbox全选功能实例

    实例1.html和checkbox全选功能实例.html可能是两个不同的实现示例,你可以通过查看这两个文件来对比学习不同的实现方法和代码结构。 总结,`checkbox`全选功能是Web开发中常见的用户交互功能,通过理解和实践这一...

    checkbox多项选中及取消选中

    综上所述,实现 `checkbox` 的多项选中及取消选中,需要理解 `checkbox` 的基本用法,掌握JavaScript操作DOM属性的方法,理解 `attr` 与 `prop` 的区别,并灵活运用事件监听和样式控制。通过这些技术,你可以创建出...

    CSS3自定义Checkbox开关按钮美化特效

    本文将深入探讨如何使用CSS3来实现"自定义Checkbox开关按钮美化特效",主要关注扁平风格和3D视觉效果的设计。 首先,Checkbox是HTML中的一个表单元素,用于用户对特定选项进行选择或取消。默认情况下,Checkbox的...

    checkBox控件常见使用

    - **HTML / JavaScript**: HTML的`&lt;input type="checkbox"&gt;`元素,JavaScript通过`checked`属性读写状态,可配合`addEventListener("change", function)`监听状态变化。 - **Android**: 使用`CheckBox`视图,`...

    改变checkbox样式插件

    总的来说,“改变checkbox样式插件”提供了一种便捷的方法,让我们能够在保持原有功能的同时,为网页中的checkbox赋予全新的视觉表现。通过灵活的自定义和预设样式,我们可以根据项目的具体需求,打造出符合品牌调性...

    CheckBox控件

    3. **自定义样式和布局**:为了适应不同的设计需求,可以对CheckBox进行定制化处理。例如通过CSS控制`&lt;label&gt;`和`&lt;input type="checkbox"&gt;`之间的布局。 ```html ...

    checkbox实现全选和反选经典例子

    在IT领域,尤其是在Web开发中,用户界面设计和交互性是至关重要的。Checkbox控件是网页和应用程序中常见的元素,用于提供多选功能。在高级控件如DataGridView中,通过结合Checkbox可以实现全选和反选功能,为用户...

    checkbox的应用示例

    Checkbox在GUI(图形用户界面)设计中扮演着重要的角色。用户可以通过点击来选中或取消选中复选框,表示他们对某个特定选项的同意、否定或者选择。每个复选框通常与一个标签文本一起显示,提供关于该选项的简短描述...

    checkbox美化插件包

    "checkbox美化插件包"正是为了提升这种体验而设计的。Checkbox,作为网页和应用程序中常见的交互元素,用于用户进行单选或多选操作。然而,原生的checkbox样式通常较为简单,可能无法满足现代设计对美观性和个性化的...

    checkbox复选框传值

    在网页设计和开发中,复选框(Checkbox)是一种常见的用户界面元素,允许用户从多个选项中选择一个或多个。当涉及到数据提交,比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时,理解如何处理复...

Global site tag (gtag.js) - Google Analytics