Question

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

<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>

Answer 1

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");
}

Answer 2

只需指定一个值而不是任何内容：

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

应该这样做，在jsfiddle上试试。

Jquery或语法中的逻辑错误？

2 个答案: