Question

如果在运行时使用javascript的id或值为2，我想将复选选项添加到复选框。我尝试使用以下代码，但我无法选中复选框。有什么想法吗？

<div>
        <h4>Filter by Area</h4>             
            <ul id="arealist">
    <li><input type ="checkbox"  id="1" value="1" /> All</li>
    <li><input type ="checkbox"   id="2" value="2" /> some</li>
    <li><input type ="checkbox"   id="3" value="3" /> heavy</li>
    <li><input type ="checkbox"   id="4" value="4" /> more</li>
    <li><input type ="checkbox"   id="5" value="5" /> none</li>

                                            </ul>   </div>
<script type="text/javascript" src="<?=base_url()?>js/jquery-1.6.4.min.js"></script>    
<script type="text/javascript">
$(document).ready(function(){  
var areaname=2; //this value i am getting at run time.
$("#areaname").prop("checked",true);
});
</script>

Answer 1

你需要连接你的字符串。

$("#" + areaname).prop("checked", true);

<强> Live example

此外，your ID names are invalid。将它们视为变量。使用不以数字开头的名称，没有空格等等。

Answer 2

尝试

$("#" + areaname).attr("checked", true);

而不是

$("#areaname").prop("checked",true);

Answer 3

您的ID属性不能只是一个整数，它必须以字母开头。如果你给它们命名为area1，area2，area3等...并更新你的代码它应该工作正常。这是一个JSFiddle，其更新版本正常运行。

如何在运行时检查复选框

3 个答案: