Jsf ManagedBean中的布尔复选框状态更新_Jsf_Jsf 2_Toggle_Selectbooleancheckbox

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

jsf jsf-2

Jsf ManagedBean中的布尔复选框状态更新,jsf,jsf-2,toggle,selectbooleancheckbox,Jsf,Jsf 2,Toggle,Selectbooleancheckbox,在我的jsf页面中有两个布尔类型的复选框，根据第一个复选框的状态，第二个复选框被禁用，并且第一次页面加载这两个复选框都被取消选中。当选中第一个复选框时，我正在通过脚本更新第二个复选框禁用状态。然后我正在选择第二个复选框。但问题是，当我提交我的页面时，只有第一个复选框状态得到更新。这是我的托管Bean @ManagedBean(name = "checkBoxTest") @SessionScoped public class CheckBoxTest { private boolean

在我的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>

你有没有试过这样的方法：

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

另一个也是如此。

但这将始终使第二个复选框状态处于选中状态，即使该复选框在页面中实际处于未选中状态。您的逻辑不正确。当您选中其中一个时，您应该取消选中另一个，以使两个事件相互排斥。服务器端不知道您所做的javascript更新，因此，它不会反映在服务器端组件上。使用jsf/ajax来更新组件，我只是通过脚本更改禁用状态，而不是值，我认为这不是应该反映在服务器端的问题。对于您建议的ajax更新，感谢您的建议。。。但在我的实际情况下，我必须根据第一个复选框的状态更新许多复选框，如果我进行服务器端调用，我认为这是一个性能问题。如果有任何一个复选框对此问题有任何解决方案，请更新。我只是被困在这里，不能再往前走了。

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