Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery获取单击的提交按钮的自定义id?_Javascript_Php_Jquery - Fatal编程技术网

Javascript 如何使用jQuery获取单击的提交按钮的自定义id?

Javascript 如何使用jQuery获取单击的提交按钮的自定义id?,javascript,php,jquery,Javascript,Php,Jquery,我一直试图在jquery submit onclick事件中调用一个php变量,以便在提交回复时捕获注释的id,并由ajax代码进行处理 $(文档).ready(函数(){ $(“#提交”)。单击(功能(e){ var rname=$(“#rname”).val(); var remail=$(“#remail”).val(); var rmessage=$(“#rmessage”).val(); var cid=$(“#cid”).val(); var post_id=$(“#post_id

我一直试图在jquery submit onclick事件中调用一个php变量,以便在提交回复时捕获注释的id,并由ajax代码进行处理

$(文档).ready(函数(){
$(“#提交”)。单击(功能(e){
var rname=$(“#rname”).val();
var remail=$(“#remail”).val();
var rmessage=$(“#rmessage”).val();
var cid=$(“#cid”).val();
var post_id=$(“#post_id”).val();
});
});

使用
此.id

 $(document).ready(function(){
    $("input[type='submit']").click(function(e){
        console.log(this.id);
    });
 });
另外,当您使用
$(“#submit”)
时,您选择的是id等于
submit
的元素,而不是类型等于
submit
的元素

正在工作的JSFIDLE:

可以重写为

<input type="submit" name="submit" data-comment-id="'.$commnt_id.'"

实现这一目标有很多选择:

解决方案1(使用数据属性):

<input type="submit" name="submit" data-commentID="<?=$commnt_id?>" value="Reply This Comment" class="primary-btn text-uppercase myBtnClass"/>
$(document).ready(function(){
    $(".myBtnClass").click(function(){
        var commentId = $(this).attr('data-commentID');
    }); 
});
<input type="submit" name="submit" onclick="mymethodCall(<?=$commnt_id?>)"  value="Reply This Comment" class="primary-btn text-uppercase"/>
function mymethodCall(commentId){
    console.log(commentId);
}
解决方案2(通过使用onclick事件):

<input type="submit" name="submit" data-commentID="<?=$commnt_id?>" value="Reply This Comment" class="primary-btn text-uppercase myBtnClass"/>
$(document).ready(function(){
    $(".myBtnClass").click(function(){
        var commentId = $(this).attr('data-commentID');
    }); 
});
<input type="submit" name="submit" onclick="mymethodCall(<?=$commnt_id?>)"  value="Reply This Comment" class="primary-btn text-uppercase"/>
function mymethodCall(commentId){
    console.log(commentId);
}
在解决方案1中,如果您有多条记录,使用类名
myBtnClass
将对您有所帮助

运行示例:

<input type="submit" name="submit" data-commentID="<?=$commnt_id?>" value="Reply This Comment" class="primary-btn text-uppercase myBtnClass"/>
$(document).ready(function(){
    $(".myBtnClass").click(function(){
        var commentId = $(this).attr('data-commentID');
    }); 
});
<input type="submit" name="submit" onclick="mymethodCall(<?=$commnt_id?>)"  value="Reply This Comment" class="primary-btn text-uppercase"/>
function mymethodCall(commentId){
    console.log(commentId);
}
$(文档).ready(函数(){
$(“.myBtnClass”)。单击(函数(){
var commentId=$(this.attr('data-commentId');
警报(commentId);
});	
});


或与
此.id相同
$(“#提交”)
不存在您是否尝试了解决方案??