Question

我有一个搜索框，在一个页面中添加和编辑按钮。我必须在选择单选按钮后编辑一个细节。下面给出了选择单选按钮并重定向到下一页的脚本。但只有警报“选择简历”才有效.rest代码不起作用。请帮忙

<script type="text/javascript">
         $(document).ready(function () {
         var which_button;
         var rad;
         $('input[type="image"]').click(function (event) {
         process_form_submission(event);             
         if (which_button == "Edit") {
             if (!$("input[name='rdoUserId']:checked").val()) {
                 alert('Select a Resume!');
                 return false;
             }
             else {
                 rad = $("input[name='rdoUserId']:checked").val();
                 var url = "Edit/" + rad;

                 $('#frmIndexResume').attr("action", url);
                 $('#frmIndexResume').submit();
             }
         }            
         return false;
     })
     function process_form_submission(event) {
         event.preventDefault();
         //var target = $(event.target);  
         var input = $(event.currentTarget);
         which_button = event.currentTarget.value;
     }
 }); 
</script>
<form name="frmIndexResume" method="get"action="">
<table id="tblSearch">
<tr>
<td>Name:@Html.TextBox("Names")</td>
<td>From:@Html.TextBox("FromDate")</td>
<td>To:@Html.TextBox("ToDate")</td>
<td><input type="image" value="Search" src="@Url.Content("~/images/Search.png")"   width="60px"height="40px" alt="Search"/></td>
</tr>
</table>

<table id="Createbtn">
  <tr>
<td>
  <a href="@Url.Action("Create", "Resume")" title="Create">
    <img src="@Url.Content("~/images/Create.png")" width="40px" height="30px"alt="Create"/></a>
</td>
<td>
    <input type="image" value="Edit" src="@Url.Content("~/images/Edit.png")" width="40px" height="30px" alt="Edit"/>       
    </td>
  </tr>
</table>

<table id="tblResume">
<caption>Listings</caption>
<tr>
    <th>Select</th>
    <th>
        Name
    </th>        
    <th>
        DOB
    </th>
</tr>

@foreach (var item in Model)
{
<tr>
     <td>
     <input type="radio" value="@item.Id" name="rdoUserId" />       
    </td>  
    <td>
        @Html.DisplayFor(modelItem => item.Name)
    </td>        
    <td>
        @Html.DisplayFor(modelItem => item.DOB)
    </td>

   </tr>
}

</table>
</form>

Answer 1

循环中有单选按钮，导致单选按钮重复。

@foreach (var item in Model)
{
    ...
    <input type="radio" value="@item.Id" name="rdoUserId" />   
    ...    
}

'name'属性不是唯一标识符。我的猜测是jQuery正在选择表单中的最后一个或第一个单选按钮，因为它们不止一个。

除此之外，表格也可能存在更多问题。

Answer 2

也许window.location正是您所寻找的。您可以通过以下方式轻松重定向：

window.location = url;

或通过：

window.navigate(url);

请注意，第二种方法可能是特定的。

在mvc3中选择单选按钮后重定向到另一个页面

2 个答案: