javascript - 如何使用javascript选中页面加载上的复选框？

<input type="hidden" id="amenities" value="@Model.Amenities" />

    <script type="text/javascript">

$(function () {


    arr = new Array();

    var str = document.getElementById("amenities").value;

    arr = str.split(",");

    for(count =0;count<arr.length;count++)
    {
        $("input[type=checkbox][value=arr[count]]").prop("checked",true);​
    }
    </script>

在模型中，有一个名为string的属性“ Amenities”。它使用定界符（，）存储所有设施，如wifi，游泳池，公园等。当我进入编辑页面时，我希望检查所有早先为该特定属性存储的便利设施。

最佳答案

我建议您在生成视图时在服务器上执行此操作。所有你需要的是：

public class MyModel
{
...
   public string[] Amenities { get; set; }
...
}

然后在视图中：

@Html.Checkbox("WiFi", @Model.Amenities.Contains("WiFi"))
@Html.Checkbox("Pool", @Model.Amenities.Contains("Pool"))

当然，这只是一个例子，在现实生活中，您可能会列出一个可能的便利设施，并进行遍历以渲染每个便利设施的复选框。另外，我建议并枚举代替字符串作为值。

关于javascript - 如何使用javascript选中页面加载上的复选框？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25542031/