Question

<table class="layout-table"> 
<tr>
        <td><strong>a. Copy of Contract</strong>
            <br/>
            <p:inputText value="#{question4dDte}"></p:inputText>

             <input type="checkbox" name="chk" id="chk1" value="#{question4dNA}"/> (something like this)
            <br/>
            <h:outputText id="counter24" />
        </td>
    </tr>
   </table>

所以我的代码没有按照我想要的方式运行，但我不知道该怎么做。我希望能够有一个inputText和一个像这样的复选框。

______________   ()

我正在使用单选按钮，因为它是一个圆圈，但我宁愿使用一个复选框，（如果它可能使它成为一个非常棒的圆:)）。但我想要做的是当单击复选框时它会禁用文本字段。取消选中后，它将启用文本字段。但是当选中复选框时，它需要将question4dNA放到2.这就是让它变得更难的地方:(。

Answer 1

您可以在http://prpdemo.com/disable-field.php查看相关的工作示例。但是这里有代码可以满足您的需求。

    <form name="form1" id="form1" action="#" method="post">
    <label for ="question4dDte">question4dDte
    <input type="question4dDte" name="question4dDte" id="question4dDte" /></label>
    <input type="checkbox" name="cb1" id="cb1" onclick="disableField('question4dDte');">
    </form>
    <script type="text/JavaScript">
    <!--
    function disableField(fieldID)
      {
      // By passing a variable for the fieldID,
         you can use the same script for multiple fields and just pass the fieldID in the call.
      if($('#'+fieldID).is (':disabled'))
      {
        $('#'+fieldID).prop('disabled', false);
      }else{
        $('#'+fieldID).prop('disabled','disabled');
      }
      alert("The text box is disabled. "+$('#'+fieldID).is (':disabled'));
      // The previous line can be removed or commented out. It is just for confirmation that the form is working.
     }
    //-->
    </script>

Answer 2

这样做：

  <p:selectOneRadio id="radio" value="#{TheBean.theProperty}">
      <f:selectItem itemLabel="No p:inputText ;)" itemValue="NO" />
      <f:selectItem itemLabel="YES" itemValue="YEP" />
      <p:ajax update="txtHI" />
  </p:selectOneRadio>

  <p:inputText id="txtHI" disabled="#{TheBean.theProperty == 'NO'}" />

TheBean：

private String theProperty;
// set & get

我正在使用PrimeFaces，但几乎是一样的。尝试使用f：ajax。

HTML JSF inputText禁用复选框

2 个答案: