怎么通过Javascript访问netui:form里的子元素啊???

Question

我想通过Javascript访问netui:form里的子元素. 例如:
一个JSP里嵌套一个这样的netui form:
<netui:form tagId="main" action="validationEmailAddress">
  <tr valign="top">
    <td>ValidEmailAddress:</td>
    <td><netui:radioButtonGroup dataSource="actionForm.validEmailAddress">
<netui:radioButtonOption value="valid">yes</netui:radioButtonOption>
        <netui:radioButtonOption value="NOT valid" onClick="appear()">No</netui:radioButtonOption>
</netui:radioButtonGroup>
    </td>
  </tr>
<tr valign="top">
<td>Please give a reason if you choose No:</td>
</tr>
<tr><td><netui:textArea tagId="ta" dataSource="actionForm.reason" readonly="true"></netui:textArea></td></tr>

<netui:button tagId="bt" value="validationEmailAddress" type="submit" />
</netui:form>我希望在点击No这个RADIOBUTTON的时候触发onClick, 然后改变netui:textArea的readonly属性从我的初试设置true变成false.我现在是这样用的JAVASCRIPT:<script language="javascript">
function appear()
{
 document[getNetuiTagName("main", this)][getNetuiTagName("ta", this)].readonly = "false"
 
}
</script>但是没有反映. 请各位专家看看.我要怎么改啊? 谢谢啦~~~~~