`

js访问jsf的SelectOneRadio组件方式

    博客分类:
  • jsf
阅读更多

1、jsf页面中有2个单选按钮,需要在js中判断当前选中的是哪一个,可以使用如下js代码访问:

<h:form id="userForm">

<h:selectOneRadio id="loginUser">

<f:selectItem itemLabel="admin" itemValue="1"/>

<f:selectItem itemLabel="guest" itemValue="0"/>

</h:selectOneRadio>

</form>

 

js代码判断当前选中的单选按钮:

<script type="text/javascript">

function check() {

var selAdmin= userForm['userForm:loginUser'][0].checked;

var selGuest= userForm['userForm:loginUser'][1].checked;

if(selAdmin) {

alert("Curent selection is admin!");

}else if(selGuest) {

alert("Current selection is guest!");

}

}

</script>

 

2、在jsf<h:inputText/>中限制只允许输入数字:

<h:inputText id="numberInput" onkeypress="if(event.which < 48 || event.which > 75) return false;)"/>

 

分享到:
评论

相关推荐

    JSF分页组件2

    JSF分页组件的实现方式 #### 2.1 基于UIComponent的自定义组件 JSF允许开发者创建自定义组件,以满足特定需求。你可以通过继承`UIComponent`并实现必要的生命周期方法来构建一个分页组件。这个组件可以包含页码...

    《JSF自定义组件》

    ### JSF自定义组件知识点详解 #### 一、JSF生命周期与组件概述 **1.1 JSF生命周期** JavaServer Faces (JSF) 是一种基于Java的Web应用框架,主要用于构建用户界面。为了更好地理解如何自定义JSF组件,首先需要...

    JSF UI 组件详解

    本篇文章旨在深入探讨JSF UI组件的基础知识及其应用方式。 #### 二、UI组件基础 JSF UI组件是构成Web页面的基本单元,它们负责接收用户的输入、展示信息以及处理业务逻辑。JSF提供了一整套预定义的组件,覆盖了从...

    jsf自定义组件.pdf

    JSF标签提供了配置组件属性、设置验证规则、绑定数据和方法等功能的方式。 - **组件(Component)**:这是JSF框架的核心部分,负责处理用户的输入和输出。组件通过监听事件、进行数据验证等方式参与JSF生命周期的...

    jsf自定义组件的实现

    1. **页面显示代码**:在HTML或JSF页面中,你需要定义组件的呈现方式。例如,一个简单的自定义组件可能在HTML中表现为一个`&lt;div&gt;`元素,在JSF页面中则通过自定义标签(如`&lt;d:ticker&gt;`)来引用。 2. **标签库描述...

    jsf组件开发源码

    JavaServer Faces(JSF)是Java平台上的一种用于构建Web应用程序的UI框架,它提供了一种声明式的方式来创建用户界面,并且与服务器端的数据模型进行交互。JSF组件库是其核心部分,它包含了一系列可重用的UI元素,如...

    jsf 自定义组件开发

    **JSF自定义组件开发详解** JavaServer Faces (JSF) 是一个用于构建Web应用程序的Java框架,它提供了一种模型-视图-控制器(MVC)架构来简化开发过程。在JSF中,自定义组件是扩展其功能的关键部分,允许开发者根据...

    JSF分页组件

    **JSF分页组件详解** JSF(JavaServer Faces)是一种用于构建Web应用程序的Java EE框架,它提供了用户界面组件和事件处理模型,简化了开发过程。在大型数据展示时,分页是必不可少的功能,可以帮助用户更有效地浏览...

    jsf组件树相关资料

    它提供了一种声明式的方式来创建用户界面,其中JSF组件树是其核心概念。JSF组件树是由多个组件构成的层次结构,这些组件可以是HTML元素、自定义组件或者其他复杂的UI结构。在JSF生命周期中,组件树扮演着至关重要的...

    JSF2.0实战 - 4、自定义组件

    在JavaServer Faces (JSF) 2.0中,自定义组件是开发人员扩展框架功能的关键方式。通过创建自定义组件,你可以构建符合特定需求的用户界面元素,这些元素可以复用并集成到多个JSF应用程序中。本教程将深入探讨如何在...

    编写JSF用户自定义UI组件(之五)

    在JSF(JavaServer Faces)框架中,用户自定义UI组件是实现个性化界面和扩展功能的关键部分。这篇博文“编写JSF用户自定义UI组件(之五)”可能深入探讨了如何创建和使用自定义组件的过程,虽然描述部分为空,但我们...

    创建JSF自定义组件

    本教程将深入探讨如何在JSF环境中创建自定义组件。 ### 1. 自定义组件概述 在JSF中,组件是UI的基本构建块,可以是简单的HTML元素,如按钮或输入框,也可以是复杂的组件,如表格或下拉菜单。自定义组件允许开发者...

    JSF中文教程+JSF参数传递方式

    JSF通过Facelets作为默认的视图表示语言,提供了一种声明式的方式来创建和管理UI组件。 **JSF组件库** 包含了许多预定义的UI组件,如输入字段、按钮、表格等。这些组件可以通过EL(Expression Language)来绑定到...

    JSF创建自定义组件

    【JSF创建自定义组件】 JSF(JavaServer Faces)是一种用于构建Web应用程序的MVC框架,它允许开发者创建可重用的UI组件。在JSF中,自定义组件允许开发人员扩展框架的功能,以满足特定项目的需求。下面将详细解释...

    JSF1.2日历组件

    10. **可访问性**:为确保残障人士也能使用,日历组件应遵循Web内容可访问性指南(WCAG),提供键盘导航和屏幕阅读器兼容性。 通过学习和理解"JSF1.2日历组件",开发者不仅能掌握JSF自定义组件的开发技术,还能深入...

    jsf常用文档datatable行样式,frameset及树型目录dtree,jsf滚动组件

    它提供了一种声明式的方式来创建用户界面,使得开发者可以更加关注业务逻辑,而不用过多地处理底层HTML和JavaScript代码。以下是对标题和描述中提到的JSF知识点的详细说明: 1. **DataTable行样式**:在JSF中,`...

    JSF的工作方式 JSF架构 JSF模型 JSF事件类型

    JavaServer Faces (JSF) 是一个用于构建用户界面的Java Web...总结来说,JSF通过其组件化、事件驱动的架构,为开发人员提供了强大的工具,简化了Web应用的构建,同时也提供了一种灵活的方式来处理用户交互和业务逻辑。

    JSF 组件开发.rar

    **JSF(JavaServer Faces)组件开发** JSF是一种基于MVC(模型-视图-控制器)架构的Java Web应用程序框架,由Java Community Process(JCP)制定,并且是Java EE的一部分。它允许开发者创建可重用的用户界面组件,...

    jsf帮助文档 中文手册 javascript js_ref

    2. JSF自定义组件:可以利用JavaScript和CSS增强JSF组件的外观和行为,实现更丰富的交互效果。 3. JavaScript库集成:JSF与jQuery、AngularJS等JavaScript库兼容,可进一步扩展功能。 4. 验证和转换:JSF提供了内置...

    JSF2自定义组件编程系列 第五部分 源代码

    在JSF(JavaServer Faces)2.0中,自定义组件是实现个性化用户界面和功能扩展的关键技术。这个"JSF2自定义组件编程系列第五部分 源代码"着重讲解了如何将复合组件(Composite Component)打包到JAR文件中,并通过...

Global site tag (gtag.js) - Google Analytics