How to update a cell's visibility in a af:table?

Question

The use case is:
A table has 2 columns, 2 rows.
Column 1 is a checkbox.
Column 2 is a choices.
Jdev is 11.1.2.4 & 11.1.1.7
The goal is to update the choices' visibility according to the checkbox selection.
However, when the last line of the JS is executed, choices in both rows are visible (or invisible).
Expected behavior is: only the selected row is updated.
Tried do this at server side but it's not working either.
From IE's debugger, values (like clientId) of all variables are correct as expected.
My code:
  <af:panelStretchLayout id="psl1">
    <f:facet name="bottom">
      <af:resource type="javascript">
      function onSelect(e){
          var checkbox = e.getSource();
          var table = checkbox.getParent();         
          var index = checkbox.getProperty("index");
          var choices = table.findComponent("smc1", index);
          choices.setVisible(checkbox.getValue());         
      </af:resource>
    </f:facet>
    <f:facet name="center">
      <af:table var="row" rowBandingInterval="0" id="t1" value="#{viewScope.bean.rows}" varStatus="vs"
                horizontalGridVisible="false" verticalGridVisible="false">
        <af:column sortable="false" id="c1">
          <af:selectBooleanCheckbox text="" label="" id="sbc1" value="#{row.selected}" clientComponent="true">
            <af:clientAttribute name="index" value="#{vs.index}"/>
            <af:clientListener method="onSelect" type="valueChange"/>
          </af:selectBooleanCheckbox>
        </af:column>
        <af:column sortable="false" id="c2">
          <af:selectManyChoice label="Label 1" id="smc1" clientComponent="true">
          </af:selectManyChoice>
        </af:column>
      </af:table>
    </f:facet>
  </af:panelStretchLayout>

Answer 1

Hi,
Any specific reason why you would want to achieve this using JS? You could very well achieve this by setting autoSubmit to true for the select boolean checkbox and partialTriggers for the select many choice.
Ex :
        <af:column sortable="false" id="c1">
          <af:selectBooleanCheckbox text="" label="" id="sbc1" value="#{row.selected}" autoSubmit="true">
          </af:selectBooleanCheckbox>
        </af:column>
        <af:column sortable="false" id="c2">
          <af:selectManyChoice label="Label 1" id="smc1" partialTriggers="::sbc1" visible="#{row.selected}">
          </af:selectManyChoice>
        </af:column>
-Arun