我有一个场景:
我的MVCGrid查看图像:
这是我的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
中,但显示的不是空白。
我的问题是如何获取每个文本框行的正确值?
任何建议都值得赞赏。
答案 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');
}
});
}
尝试一下。