Question

我的问题是，如何确定用户是按“是”还是“否” 这是一个html

<form id="delFrm" method="post">
    <label>Do you want delete?</label>
    <input type="submit" name="yes" id="yes" value="yes" />
    <input type="submit" name="no" id="no" value="no" />
</form>

这里是jquery / js

<script type="text/javascript">
    $(document).ready(function() {
        $('#delFrm').submit(function(){
            var yes = true;//how to define it??????
            if(yes) {
                //sent ajax to delete the data
            } else {
                //close close the form on a fancybox
            }
            return false;
        });
    });
</script>

谢谢

Answer 1

略微改变你的标记：因为'no'按钮不需要执行ajax调用你可以简单地写

<form id="delFrm" method="post">
    <label>Do you want delete?</label>
    <input type="submit" name="yes" id="yes" value="yes" />
    <button type="button" id="no">No</button>
</form>

你的js代码可以简化为

<script type="text/javascript">
    $(document).ready(function() {
        $('#delFrm').submit(function(evt){
            evt.preventDefault();
            //sent ajax to delete the data
        });
    });
</script>

然后为'no'按钮创建另一个处理程序（关闭你的fancybox）

Answer 2

您不需要更改您的HTML只需执行以下操作

<script type="text/javascript">
$(document).ready(function() {
    var answer = "";
    $('input[type=submit]').click(function(e) {
       e.preventDefault();
       answer = $(this).attr('name');
        if(asnwer == 'yes') {
            // sent ajax to delete the data
        } else {
            // close close the form on a fancybox
        }
        return false;
    });
});
</script>

这很简单..

Answer 3

如果你必须调用execute一些语句来关闭ajax表单，试试这个：

<form id="delFrm" method="post">
    <label>Do you want delete?</label>
    <input type="submit" name="yes" id="yes" value="yes" />
    <input type="button" name="no" id="no" value="no" />
</form>

和

<script type="text/javascript">
    $(document).ready(function() {
        $('#delFrm').submit(function(){

            //sent ajax to delete the data

            return false;
        });
        $('#no').click(function(){

            //close close the form on a fancybox

            return false;
        });
    });
</script>

希望有所帮助：）

fancybox上的是/否 - 表格

3 个答案: