以下部分显示如何使用JSF中的创建单选按钮。
<h:selectOneRadio>标签呈现一组类型为“radio”的HTML输入元素，并使用HTML表格和标签标签进行格式化。
以下JSF代码 -
<h:selectOneRadio value="#{userData.data}">
<f:selectItem itemValue="1" itemLabel="Item 1" />
<f:selectItem itemValue="2" itemLabel="Item 2" />
</h:selectOneRadio>
被渲染生成以下HTML代码 -
<table>
<tr>
<td><input type="radio" checked="checked" name="j_idt6:j_idt8"
id="j_idt6:j_idt8:0" value="1" />
<label for="j_idt6:j_idt8:0"> Item 1</label></td>
<td><input type="radio" name="j_idt6:j_idt8"
id="j_idt6:j_idt8:1" value="2" />
<label for="j_idt6:j_idt8:1"> Item 2</label></td>
</tr>
</table>
硬编码的单选按钮
以下是文件：index.xhtml 中的代码。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<h:form>
Hard-coded with "f:selectItem":
<h:selectOneRadio value="#{user.item}">
<f:selectItem itemValue="Red" itemLabel="Color - Red" />
<f:selectItem itemValue="Green" itemLabel="Color - Green" />
<f:selectItem itemValue="Blue" itemLabel="Color - Blue" />
</h:selectOneRadio>
<br /><br />
<h:commandButton value="Submit" action="result" />
<h:commandButton value="Reset" type="reset" />
</h:form>
</h:body>
</html>
以下是文件：result.xhtml 中的代码 -
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:body>
<p>Selected: #{user.item}</p>
</h:body>
</html>
以下是文件：UserBean.java 中的代码 -
package com.zaixian;
import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
public String item;
public String getItem() {
return item;
}
public void setItem(String i) {
this.item = i;
}
}
单选按钮内项
以下是文件：index.xhtml 中的代码。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<h:form>
Generated by Object array and iterate with var :
<h:selectOneRadio value="#{user.item}">
<f:selectItems value="#{user.itemValue}" var="c"
itemLabel="#{c.label}" itemValue="#{c.value}" />
</h:selectOneRadio>
<br /><br />
<h:commandButton value="Submit" action="result" />
<h:commandButton value="Reset" type="reset" />
</h:form>
</h:body>
</html>
以下是文件：result.xhtml 中的代码。
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:body>
<p>Selected: #{user.item}</p>
</h:body>
</html>
以下是文件：UserBean.java 中的代码。
package com.zaixian;
import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
public String item;
public String getItem() {
return item;
}
public void setItem(String i) {
this.item = i;
}
//Generated by Object array
public static class Item{
public String label;
public String value;
public Item(String l, String v){
this.label = l;
this.value = v;
}
public String getLabel(){
return label;
}
public String getValue(){
return value;
}
}
public Item[] itemList;
public Item[] getItemValue() {
itemList = new Item[3];
itemList[0] = new Item("Color - Red", "Red");
itemList[1] = new Item("Color - Green", "Green");
itemList[2] = new Item("Color - Blue", "Blue");
return itemList;
}
}
由地图生成的单选按钮
以下是文件：UserBean.java 中的代码 -
package com.zaixian;
import java.io.Serializable;
import java.util.LinkedHashMap;
import java.util.Map;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="user")
@SessionScoped
public class UserBean implements Serializable{
public String item;
public String getItem() {
return item;
}
public void setItem(String i) {
this.item = i;
}
//Generated by Map
private static Map<String,Object> itemValue;
static{
itemValue = new LinkedHashMap<String,Object>();
itemValue.put("Color - Red", "Red"); //label, value
itemValue.put("Color - Green", "Green");
itemValue.put("Color - Blue", "Blue");
}
public Map<String,Object> getItemValue() {
return itemValue;
}
}
以下是文件：index.html 中的代码 -
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<h:form>
Generated by Map :
<h:selectOneRadio value="#{user.item}">
<f:selectItems value="#{user.itemValue}" />
</h:selectOneRadio>
<br /><br />
<h:commandButton value="Submit" action="result" />
<h:commandButton value="Reset" type="reset" />
</h:form>
</h:body>
</html>
以下是文件：result.html 中的代码 -
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html">
<h:body>
<p>Selected: #{user.item}</p>
</h:body>
</html>
上一篇：
JSF表单复选框(CheckBox)示例
下一篇：
JSF表单组合框