jquery - 更改 jquery POST 表单的提交方法

Question

我有 2 个 jquery 代码。我怎么能把这个放在一起。

例子

如果选中复选框，则使用

<script>

$(document).ready(LoadMe);
 function LoadMe()
{
$('#msg_text').bind('keypress', function(e){
   var code = e.keyCode ? e.keyCode : e.which;
   if(code == 13 && !e.shiftKey) // Enter key is pressed     
   {
     var msg = $("#msg_text").val();
var ontvanger = $("#ontvanger").val();
if ( $.trim( $('#msg_text').val() ) == '')
{

}
else
{
 $("#send_msg").hide();
 $("#dis_sub").show();
$.ajax({
type: "POST",
   url: "post_message.php",
data: { msg: msg, ontvanger: ontvanger},
cache: false,
success: function(html){

$("#msg_text").val('');
$("#content").prepend(html);
$("#dis_sub").hide();
$("#send_msg").show();
}
});
 }return false; 
   }
});

}

否则使用

<script type="text/javascript"> 
$(function() {
$("#send_msg").click(function() 
{
 var msg = $("#msg_text").val();
var ontvanger = $("#ontvanger").val();
if ( $.trim( $('#msg_text').val() ) == '')
{

}
else
{
$("#send_msg").hide();
$("#dis_sub").show();
$.ajax({
type: "POST",
url: "post_message.php",
data: { msg: msg, ontvanger: ontvanger},
cache: false,
success: function(html){

$("#msg_text").val('');
$("#content").prepend(html);
$("#dis_sub").hide();
$("#send_msg").show();
}
});
}return false;
}); });
</script>

如果选中了复选框，我想用回车键提交我的表单，否则点击一个按钮提交表单

Answer 1

将您的提交代码放在一个函数 saysubmit_form()中。然后用这个函数绑定你的事件。提交前检查复选框状态。

$('#msg_text').bind('keypress', function(e){
   var code = e.keyCode ? e.keyCode : e.which;
   if(code == 13 && !e.shiftKey && checkbox.checked) submit_form();
});

$("#send_msg").click(function () {
    if (!checkbox.checked) submit_form();
});

Answer 2

function LoadMe(){

    $('#msg_text').bind('keypress', function(e){
       do keypress stuff . .  .
    }else{
       do normal submit stuff . . .
    }

}

如果按键被按下，它将运行“keypress”代码，否则它将运行“其他”代码。

Answer 3

添加 if 条件以检查复选框是否被选中。您可以使用is()带有正确选择的 jQuery 函数，例如：is('#id_of_the_chekbox:cheked')，使用 css 伪选择器 :checked 然后在真假条件下调用您的函数。