是/否，请填写fancybox上的表格

Yes/No-form on fancybox

本文关键字：fancybox 表格      更新时间：2023-09-26

我的问题是，如何确定用户按下'是'或'否'这是一个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>

谢谢

稍微改变一下你的标记:因为'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)创建另一个处理程序

如果您必须调用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>

希望有帮助

你不需要改变你的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>

就是这么简单…

相关文章：