$(document).ready(function() { $('input[type=radio][name=IE]').change(function() { if (this.value == 'I') { $("#trpre_port_name").show(); $("#trnext_port_name").hide(); }else if (this.value == 'E') { $("#trpre_port_name").hide(); $("#trnext_port_name").show(); }else if (this.value == 'IE') { $("#trpre_port_name").show(); $("#trnext_port_name").show(); }else if (this.value == 'O') { $("#trpre_port_name").show(); $("#trnext_port_name").show(); } }); });
<table> <tr> <td> 进出口 </td> <td> <span class="radioSpan"> <input type="radio" name="IE" value="IE" checked>进出口</input> <input type="radio" name="IE" value="I" >进口</input> <input type="radio" name="IE" value="E">出口</input> <input type="radio" name="IE" value="O">其他</input> </span> </td> </tr> <tr id="trpre_port_name"> <td> 上一个名称 </td> <td> <input type="text" id="pre_port_name" name="pre_port_name" class="easyui-validatebox" /> </td> </tr> <tr id="trnext_port_name"> <td> 下一个名称 </td> <td> <input type="text" id="next_port_name" name="next_port_name" class="easyui-validatebox" /> </tr> </table>