将参数传递给按钮单击另一个按钮click-Jquery

时间:2018-06-14 07:59:08

标签: jquery

我有两个按钮查看工作申请工作。当我点击查看作业时,会出现一个模态窗口并包含一个按钮 APPLY 。当我点击模式中的 APPLY 按钮时,将调用 APPLY JOB 的点击事件。

<button id="view_job">VIEW JOB</button>
<button id="apply_job">APPLY JOB</button>
模态窗口中的

按钮

<button id="apply_job2">APPLY</button>

$("#apply_job").click(function(){
var jobid=$(this).parent().find(".job").val();
//manage parameter from popup button click
//common code..
});
$("#apply_job2").click(function(){
  $(".jobpanel").parent().find("#apply_job").click(); //here need to pass parameter
});

因此,当我单击“应用作业”按钮(在页面和弹出窗口中)时,会发生相同的操作(apply_job按钮的操作)。但我必须将其与行动发生的地方区分开来。也就是说,如果从弹出窗口开始,我需要做一些额外的事情。所以我可以将一些参数传递给弹出窗口中的按钮点击。

1 个答案:

答案 0 :(得分:1)

如果我理解你的问题,你可以使用html数据属性:

$("#apply_job").click(function(){
var jobid=$(this).parent().find(".job").val();

 //check if you have added the parameter
 var parameterValue=$(this).attr('data-PARAMETER_NAME');

 if(parameterValue){
   //do something
 }else{
   //do something else
 }
});
$("#apply_job2").click(function(){
  $(".jobpanel").parent().find("#apply_job").attr("data-PARAMETER_NAME","PARAMETER");
  $(".jobpanel").parent().find("#apply_job").click(); 

  //remove atribute here
  $(".jobpanel").parent().find("#apply_job").attr("data-PARAMETER_NAME","");
});