属性值未出现在 Javascript 中

Question

我的查看代码

<div class="col-sm-4"  id="AppCheckActiveOrNot">
            @foreach (var item in module1List)
            {

                string checkedAccess = "";

                if (Model.ModuleDetailAccess != null)
                {
                    if (Model.ModuleDetailAccess.Count > 0)
                    {

                        var getAccess = Model.ModuleDetailAccess.Where(m => m.ModuleID == item.ModuleID && m.ParentModuleID == module1.ModuleID && m.RoleID == 0 && m.isApp == 1 && m.isActive == 1 && m.UserID == UserID).ToList();

                        if (getAccess.Count > 0)
                        {
                            checkedAccess = "checked";
                            <div class="checkbox checkbox-success">

                                <input type="checkbox" id=@string.Format("childapp{0}{1}", module1.ModuleID, item.ModuleID) name=@string.Format("childapp{0}", module1.ModuleID) value="@item.ModuleID" @checkedAccess onchange="Test(this)"/>
                                <label for=@string.Format("childapp{0}{1}", module1.ModuleID, item.ModuleID)>@item.ModuleDesc</label>
                                <input type="text" name=@string.Format("hideapp{0}", item.ModuleID) value="1" />

                            </div>
                        }

                        else
                        {
                            <div class="checkbox checkbox-success">

                                <input type="checkbox" id=@string.Format("childapp{0}{1}", module1.ModuleID, item.ModuleID) name=@string.Format("childapp{0}", module1.ModuleID) value="@item.ModuleID" @checkedAccess onchange="Test(this)" />
                                <label for=@string.Format("childapp{0}{1}",module1.ModuleID, item.ModuleID)>@item.ModuleDesc</label>
                                <input type="text" name=@string.Format("hideapp{0}", item.ModuleID) value="0" />

                            </div>
                        }
                    }
                }
            }
        </div>

简而言之，我想在我的复选框 onChange 时更改 input type="text" 的值。如果改为checked，input type="text"的值为1。

这是我的 javascript

 function Test(src)
   {
       var Fields = $('#AppCheckActiveOrNot').find(src);
       var textbox = $('#AppCheckActiveOrNot').find('input[type=text]');



       for (a = 0; a < Fields.length; a++)
       {
           if (Fields[a].checked) {

                  console.log(textbox[a])
           }

           else {
               console.log(textbox[a])
           }
       }


   }

所以，问题是当我尝试设置 input type="text" 的值时，.value 的属性没有出现。只有 .val ，当我使用 .val 时，它返回 Uncaught Type Error textbox[a].val is not a function in console。 所以我被困在这里，感谢您花时间回答这个问题。

Answer 1

想象一下我们有这个 HTML：

<input type="text" id="one" />

要更改文本框的文本，以下是使用纯 JavaScript 的方法：

document.getElementById('one').value = 'New Value';

使用 JQuery：

$('#one').val('JQuery');

Fiddle