0

通过单击收音机的选项之一是显示相同数量的选项日期，更改显示或无“”相应的表格，但这没有发生。你有逻辑或语法错误？

<style>
  #ch2   ,#ch3   ,#ch4   ,#ch5   ,#ch6   ,#ch7   ,#ch8   ,#ch9   ,#ch10  ,#ch11  ,#ch12{
        display: none;
  }

</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
        $("input[type=radio]").change(function(){
                var valor = $(this).val();
                for(i=1;i<=valor;i++){
                        $('#ch'+i).css("display","");
                }
                for(j=1;i<=12;i++){
                        $('#ch'+i).css("display","none");
                }

        })
});
</script>
<form name="senddata" method="post" action="">
        <table width="100%" border="0" id="radios" style="display: none">
        <tr>
                <td><label><input type="radio" name="parcelas" value="1" />1X</label></td>
                <td><label><input type="radio" name="parcelas" value="2" />2X</label></td>
                <td><label><input type="radio" name="parcelas" value="3" />3X</label></td>
                <td><label><input type="radio" name="parcelas" value="4" />4X</label></td>
                <td><label><input type="radio" name="parcelas" value="5" />5X</label></td>
                <td><label><input type="radio" name="parcelas" value="6" />6X</label></td>
                <td><label><input type="radio" name="parcelas" value="7" />7X</label></td>
                <td><label><input type="radio" name="parcelas" value="8" />8X</label></td>
                <td><label><input type="radio" name="parcelas" value="9" />9X</label></td>
                <td><label><input type="radio" name="parcelas" value="10" />10X</label></td>
                <td><label><input type="radio" name="parcelas" value="11" />11X</label></td>
                <td><label><input type="radio" name="parcelas" value="12" />12X</label></td>
        </tr>
        </table>
        <table width="100%" border="0" id="ch1">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data1"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch2">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data2"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch3">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data3"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch4">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data4"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch5">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data5"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch6">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data6"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch7">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data7"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch8">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data8"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch9">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data9"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch10">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data10"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch11">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data11"/></td>                
        </tr>
        </table>
        <table width="100%" border="0" id="ch12">
        <tr>
                <td>Data<br /><input name="input" type="text" name="data12"/></td>                
        </tr>
        </table>
</form>
4

2 回答 2

0 
for(i = 1; i <= valor; i++){
  $('#ch'+i).css("display","block"); // or inline but not left empty string
}
// here not j=1 and here you mix with j and i
for(j = valor+1; j <= 12; j++){
  $('#ch'+i).css("display","none");
}
于 2012-06-12T14:39:59.900 回答
0

只需指定一个值而不是什么都不做：

$('#ch'+i).css("display","table");

这应该可以解决问题，在jsfiddle上尝试一下。

于 2012-06-12T14:43:24.050 回答