Question

我在asp.net表单中有一个带圆角的div，它包含一个用asp.net按钮编写的“submit”。

四个角不可点击，与“提交”按钮的行为不同。

如何使整个div可单击并具有与单击按钮相同的行为？

欢迎任何想法。

<div>
<a>
<span>
<input type="submit" onclick="javascript:WebForm_DoPostBackWithOptions....etc" value="Valider" name="">
</span>
</a>
</div>

感谢。

修改：

因为我无法从asp.net按钮中获得相同的行为，所以我删除了包装“a，span”并使用了asp：ImageButton。它现在有效。再次感谢。

Answer 1

您可以尝试使用此功能 - 基于click JQuery method（在您的div上定义）

<script type="text/javascript">
$(document).ready(function(){
  $(".summary").click(function(){
    window.location = $(this).find("input").eq(0).attr('href');
  });
}); 
</script>

Nota：在输入上定义href

添加到您的代码摘要类

<div class="summary">
<a>
<span>
<input type="submit" value="Valider" name="">
</span>
</a>
</div>

Answer 2

难道你不能简单地看看提交按钮的onclick事件中的内容，只是使用jquery或在html中为div click事件分配相同的内容吗？

类似的东西：

$("#myDiv").click(WebForm_DoPostBackWithOptions....etc);

或

<div id="myDiv" onclick='javascript:WebForm_DoPostBackWithOptions....etc' />

您还必须将cursor:pointer添加到div的样式以表明它是可点击的

如何使外部div具有与其内容asp.net按钮相同的提交行为

2 个答案: