ManagedBean 中的布尔复选框状态更新答案

【问题标题】：Boolean checkbox status update in ManagedBeanManagedBean 中的布尔复选框状态更新
【发布时间】：2015-07-01 09:15:24
【问题描述】：

我的 jsf 页面中有两个布尔类型复选框，根据第一个复选框的状态禁用第二个复选框，并且在第一次加载页面时，这两个复选框都未选中。当第一个复选框被选中时，我正在通过脚本更新第二个复选框禁用状态。然后我选择第二个复选框。但问题是当我提交我的页面时，只有第一个复选框状态正在更新。这是我的托管 Bean

@ManagedBean(name = "checkBoxTest")
@SessionScoped
public class CheckBoxTest {
    private boolean check1;
    private boolean check2;
    public boolean isCheck1() {
        return check1;
    }
    public void setCheck1(boolean check1) {
        this.check1 = check1;
    }
    public boolean isCheck2() {
        return check2;
    }
    public void setCheck2(boolean check2) {
        this.check2 = check2;
    }
    public String update(){
        boolean status = this.isCheck1();
        boolean status2 = this.isCheck2();
        return "checkboxExample.xhtml";
    }
}

这是我的jsf页面

<?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"
   xmlns:p="http://primefaces.org/ui">
   <h:head>
      <title>JSF tutorial</title>
      <link href="css/styles.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="js/myFunction.js">
      </script>
   </h:head>
   <h:body>
      <h2>CheckBox Example</h2>
      <h:form id="form">
        <h:outputLabel value="First Check"/>
        <h:selectBooleanCheckbox name="check1" id="check1" value="# {checkBoxTest.check1}" onclick="changeCheckBox2Status()">  </h:selectBooleanCheckbox>
        <h:outputLabel value="Second Check"/>
        <h:selectBooleanCheckbox name="check2" id="check2" value="#{checkBoxTest.check2}" disabled="#{checkBoxTest.check1?false:true}">   </h:selectBooleanCheckbox>
        <h:commandButton action="#{checkBoxTest.update()}" value="Submit2">
        </h:commandButton>
      </h:form>      
   </h:body>
</html>

下面是我的脚本

function changeCheckBox2Status(){
        var checkBox1Status = document.getElementById("form:check1");
        if(checkBox1Status.checked){
            document.getElementById("form:check2").disabled=false;
        }
    }

【问题讨论】：

服务器端不知道您所做的 javascript 更新，因此它不会反映在服务器端组件上。改用 jsf/ajax 来更新你的组件
我只是在更改禁用状态，而不是通过脚本更改值，我认为这不是应该反映在服务器端的问题。对于您建议的ajax更新，感谢您的建议......但在我的实际情况下，我必须根据第一个复选框的状态更新许多复选框，如果我进行服务器端调用，我认为这是一个性能问题.
如果有人对此问题有任何解决方案，请更新。我只被困在这里，无法继续前进。

标签： jsf jsf-2 toggle selectbooleancheckbox

【解决方案1】：

您是否尝试过类似的方法：

public void setCheck1(boolean check1) {
    this.check1 = check1;
    this.check2 = !this.check2;
}

另一个类似。

【讨论】：

但这将始终使第二个复选框状态处于选中状态，即使它实际上在页面中保持未选中状态。
你的逻辑很糟糕。当您选中其中一个时，您应该取消选中另一个，以使两个事件互斥。