具有文本框的MvcGrid复选框未显示正确的文本框值

时间:2018-12-11 09:33:20

标签: javascript jquery asp.net-mvc mvcgrid.net

我有一个场景:

我的MVCGrid查看图像:

enter image description here

这是我的HTML Javascript代码:

 $('#btn_preview_').click(function(){
            Validate()
        });

        function Validate()
        {

            $('.mvcGrid table tr').each(function () {
                if($('.mvcGrid table tr input[name=MyCheckbox]:checkbox').is(':checked')==true)
                {
                    var getText =   $.trim($('.mvcGrid table tr td:eq(2) input[name=textboxRemarks]').val());

                    alert('SID ' + $(this).find('td:eq(1)').text() +  ' getText ' + getText);
                }
                else
                {
                    Alert('Checkbox is unchecked');
                }
            });
        }

其他html代码:

<div class="mvcGrid rowMarginTop">
               @Html.Grid(Model.myData).Columns(columns =>
               {

                   columns.Add(a => a.isF).Encoded(false).Sanitized(false).RenderValueAs(a=>Html.CheckBox("MyCheckbox",a.isF)).Titled("");
                   columns.Add(a => a.SID).Titled("SID");
                   columns.Add(a => a.Remarks).Titled("Remarks").Encoded(false).Sanitized(false).RenderValueAs(a => Html.TextBox("textboxRemarks", a.Rem));

               }).WithPaging(10).Sortable(true).Filterable()
             </div>

我要做的就是验证是否选中了复选框,并且备注不为空。

此javascript代码正常工作,但我的问题甚至出现在SID 02中,但显示的不是空白。

我的问题是如何获取每个文本框行的正确值?

任何建议都值得赞赏。

1 个答案:

答案 0 :(得分:0)

$('#btn_preview_').click(function(){
            Validate()
        });

        function Validate()
        {

            $('.mvcGrid table tr').each(function (index,item) {
                if($(this).find(' input[name=MyCheckbox]:checkbox').is(':checked')==true)
                {
                    var getText =   $.trim($(this).find(' input[name=textboxRemarks]').val());

                    alert('SID ' + $(this).find('td:eq('+index+')').text() +  ' getText ' + getText);
                }
                else
                {
                    Alert('Checkbox is unchecked');
                }
            });
        }

尝试一下。

相关问题