Question

我是javascript的初学者。所以我试图在按钮点击上获取选定的行ID。我不确定我在互联网上尝试过的例子但是无法运行代码。

<tr>
 <input type="hidden" name="InterestID" id="InterestID" value="@info.InterestID" />

       <th>
           <input data-required="true" class="input-sm form-control datepicker" size="16" type="text" name="ValidDate" id="ValidDate" value="@info.ValidDate.ToShortDateString()" />
       </th>
       <th>
           <input class="form-control" data-required="true" name="Rate" id="Rate" value="@info.Rate" />
       </th>
       <th>
           <button type="button" class="btn btn-sm btn-danger" onclick="DeleteInterest()">Delete</button>
       </th>
</tr>

function DeleteInterest(parameters) {
    alert("Delete Button clicked");
}

当我点击＆＃34;删除＆＃34;按钮，我想获得所选行的 @ info.InterestId 。那么如何在＆＃34;删除＆＃34;按钮点击使用javascript / jquery？

我们将不胜感激。

感谢。

Answer 1

您可以尝试将@info.InterestID传递给DeleteInterest：

HTML：

<button type="button" class="btn btn-sm btn-danger" onclick="DeleteInterest(@info.InterestID)">Delete</button>

和Javascript

function DeleteInterest(id) {
    alert("Delete Button clicked with id " + id);
}

希望有所帮助！

Answer 2

使用如下，正如Ruben所说，如果你没有将id传递给函数，那么你就无法直接获得。

 <button type="button" class="btn btn-sm btn-danger" 
       onclick="DeleteInterest('@info.InterestID')">Delete</button>

 function DeleteInterest(id) {
   alert("Delete Button clicked with id " + id);
 }

或者你可以得到如下，没有改变HTML

 function DeleteInterest() {
   alert("Delete Button clicked with id " + $("#InterestID").val());
 }

Answer 3

我会动态得到这个值：

var DeleteInterest = function(e) {
    alert(this.parentNode.parentNode.getElementsByClassName("value")[0].value);
}

HTML：

<tr>
 <input type="hidden" class="value" name="InterestID" id="InterestID" value="@info.InterestID" />
       <th>
           <input data-required="true" class="input-sm form-control datepicker" size="16" type="text" name="ValidDate" id="ValidDate" value="@info.ValidDate.ToShortDateString()" />
       </th>
       <th>
           <input class="form-control" data-required="true" name="Rate" id="Rate" value="@info.Rate" />
       </th>
       <th>
           <button type="button" class="btn btn-sm btn-danger" onclick="DeleteInterest(this)">Delete</button>
       </th>
</tr>

我甚至认为更有趣的是在js中使用值元素匹配按钮而不是在html中隐藏它，然后，你应该有：

var list = {<button_html_node_element>: '@info.InterestID'}

然后，你的删除功能：

var DeleteInterest = function(e) {
    alert(list[e]);
}

Javascript / jquery在表格中单击按钮获取行ID

3 个答案: