使用javascript访问另一个文件中的复选框

时间:2015-07-24 17:13:55

标签: javascript checkbox

我有两个文件正在尝试使用它们都是带有javascript的cshtml文件。在文件上有一个我试图用javascript影响的复选框。如果您在单独的文件中使用javascript,是否可以将复选框设置为“已选中”?或者说从另一个文件中检查if语句的结果,以便我可以将其设置为“checked”?

我在File2中运行了一个脚本,用于检查默认情况下是否有ID加载选项卡。当它运行时,我想用它将File1中的复选框设置为“checked”。这有可能吗?

File1中:

<script>
    var defaultID = 0;
    if (window.defaultUserID != null)
        defaultID = window.defaultUserID;
</script>
<div> . . . 
<label class="checkbox inline"><input type="checkbox" id="showVoidedInfo" data-bind="checked: ShowVoids" /> Show Voids</label>
. . . </div>

文件2:

@{
    bool loadUsersTabByDefault = false;

    if (ViewBag.LinkableId != null && ViewBag.LinkableId == 1)
    { 
        loadUsersTabByDefault = true;
    }
}

<script type="text/javascript">
    if (window.loadUsers !=null && window.loadUsers == true){
        window.loadUsersTabByDefault = true;
        window.defaultUserID = window.defaultID;
        document.getElementById("showVoidedInfo").checked = true;
    }
    else
        window.loadUsersTabByDefault = false;

</script>
<div> . . . </div>

1 个答案:

答案 0 :(得分:0)

这可能会有所帮助......

<script type="text/javascript">
  window.onload = function () {
    if (window.loadUsers !=null && window.loadUsers == true){
        window.loadUsersTabByDefault = true;
        window.defaultUserID = window.UserID;
        document.getElementById("showVoidedInfo").checked = true;
    }
    else
        window.loadUsersTabByDefault = false;
  }
</script>

...或

<input type="checkbox" id="showVoidedInfo" data-bind="checked: ShowVoids" checked />