asp.net - RadioButtonList 的 SelectedIndexChange 上的 JavaScript“确认”

Question

我有一个 RadioButtonList 控件，当用户尝试更改索引时，我想做一个 Javascript“确认”。当前 AutoPostBack 设置为 TRUE。当然，我可以只从 javascript 函数中调用 __doPostBack 等。我用 jQuery 尝试了一些东西，但你必须担心 mousedown 和 click ，然后总是可以点击复选框标签来选择它等等。有人对此有很好的解决方案吗？

需要明确的是，我正在寻找一种在用户做出选择并触发回发之前用确认框提示用户的方法。

Answer 1

为什么不使用点击事件？这就是绑定客户端回发事件的方式。例如，给定一个名为“MyButtonList”的 RadioButtonList，将呈现以下 HTML：

<table id="MyButtonList" border="0">
  <tr>
    <td><input id="MyButtonList_0" type="radio" name="MyButtonList" value="1" checked="checked" /><label for="MyButtonList_0">Hello World</label></td>
  </tr><tr>
    <td><input id="MyButtonList_1" type="radio" name="MyButtonList" value="2" onclick="javascript:setTimeout('__doPostBack(\'MyButtonList$1\',\'\')', 0)" /><label for="MyButtonList_1">Hello World 2</label></td>
  </tr>
</table>

下面的 jQuery 代码将完成你想要的：

编辑以支持 IE

var rbList = $("input[name='MyButtonList']");
var checkedRB = rbList.filter(":checked");


rbList.filter(":not(:checked)").each(function () {
    var origClick = this.onclick;
    this.onclick = null;

    $(this).click(function (evt) {   
        if(confirm("Post back?"))
        {
            origClick();
        }
        else
        {   
            if( evt.preventDefault ) { evt.preventDefault(); }
            evt.returnValue = false;

            checkedRB.attr("checked",true);                    
        }         
    });    
});