title: Radio Button Group seems not sensitive by a mouse click
body: <p>I have a radio button group, if the user selects an option, the relevant combo box will appear. The user is able to type word or just click the triangle box to search the value.</p>
  
  <pre><code>&lt;xp:table id="InfoTable" style="margin-left:100.0px"&gt;
      &lt;xp:tr&gt;
          &lt;xp:td&gt;
              &lt;xp:radioGroup id="radioGroup1" layout="pageDirection"&gt;
                  &lt;xp:selectItem itemLabel="Number"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="Alphabet"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:eventHandler event="onclick" submit="true"
                      refreshMode="partial" refreshId="InfoTable"&gt;
                  &lt;/xp:eventHandler&gt;
              &lt;/xp:radioGroup&gt;
          &lt;/xp:td&gt;
          &lt;xp:td&gt;
              &lt;xp:comboBox id="comboBox1_destRank"
                  dojoType="dijit.form.ComboBox" value="# {sessionScope.NumberValue}"
                  style="width:100.0px"&gt;
                  &lt;xp:this.rendered&gt;&lt;![CDATA[#{javascript:var x = getComponent("radioGroup1").getValue();
  
  if(x == "Number")
      { return true; }
  if(x == "Alphabet")
      { return false; }}]]&gt;&lt;/xp:this.rendered&gt;
                  &lt;xp:selectItem itemLabel="1"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="2"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="3"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="4"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="5"&gt;&lt;/xp:selectItem&gt;
              &lt;/xp:comboBox&gt;
              &lt;xp:br&gt;&lt;/xp:br&gt;
              &lt;xp:comboBox id="comboBox2_destPost"
                  dojoType="dijit.form.ComboBox"
                  value="#{sessionScope.AlphabetValue}" style="width:100.0px"&gt;
                  &lt;xp:this.rendered&gt;&lt;![CDATA[#{javascript:var x = getComponent("radioGroup1").getValue();
  
  if(x == "Alphabet")
      { return true; }
  if(x == "Number")
      { return false; }}]]&gt;&lt;/xp:this.rendered&gt;
                  &lt;xp:selectItem itemLabel="a"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="b"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="c"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="d"&gt;&lt;/xp:selectItem&gt;
                  &lt;xp:selectItem itemLabel="e"&gt;&lt;/xp:selectItem&gt;
              &lt;/xp:comboBox&gt;
          &lt;/xp:td&gt;
      &lt;/xp:tr&gt;
  
  &lt;/xp:table&gt;
  </code></pre>
  
  <p>I test the code and it works properly. Once I click the radio button, the relevant combo box can display.</p>
  
  <p>However, when my colleagues test it, they tell me they usually have to click the radio button three or four times to show the combo box. I feel strange so I go to see how they click the button, and it is true that one colleague needs to click three times to show the combo box no matter what option he chooses and the other colleague click six times to show.  </p>
  
  <p>Later, we use the same computer and same pace to click the mouse to test again, I can display the combo box by click the radio button one time, but my colleagues still needs two and three times to show the combo box.</p>
  
  <p>I examine the code and I don't know which part cause the strange result.</p>
  
  <p>Would someone give advice please. Thank you.</p>
  
  <p>References:</p>
  
  <ul>
  <li><p><a href="https://stackoverflow.com/questions/20276137/xpages-combobox-control-where-user-can-enter-values-not-in-list">xpages combobox control where user can enter values not in list</a></p></li>
  <li><p>Help Contents in Domino Designer</p></li>
  <li><p><a href="https://stackoverflow.com/questions/25719873/xpages-get-value-selected-from-combo-box">XPages get Value selected from combo box</a></p></li>
  </ul>