blocks|key|717570|text|将id添加到每个按钮，并选择带有jQuery的id。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|717571|或者，如果表单有id，那么只需针对表单并像这样提交它：|717572|$("#form-id").submit();|code-block|syntax|javascript|717573|entityMap^0|1|2|N|2|0|8|2|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

<p>Add <code>id</code>s to each button and select the <code>id</code> with jQuery.</p>

<p>Or, if the forms have <code>id</code>s, then just target the form and submit it like so:</p>

<pre><code>$("#form-id").submit();
</code></pre>


blocks|key|717620|text|如果您在input中添加了一个标记，比如一个特定的id或类，那么您可以使选择器更加具体。例如，如果您为按钮指定了form-btn的ID，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|717621|<input+type="submit"+id="form-btn"+/>|code-block|syntax|javascript|717622|您可以像这样选择它：|717623|$('input[type=submit]#form-btn').click();|717624|或者只是：|717625|$('#form-btn').click();|717626|entityMap^0|4|5|1K|8|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

<p>If you add a marker, like a specific id or class to your <code>input</code>, you can make your selector more specific.  For example, if you give the button you want the ID of <code>form-btn</code> like this:</p>

<pre><code>&lt;input type="submit" id="form-btn" /&gt;
</code></pre>

<p>You can select it like this:</p>

<pre><code>$('input[type=submit]#form-btn').click();
</code></pre>

<p>Or just:</p>

<pre><code>$('#form-btn').click();
</code></pre>


blocks|key|501713|text|如果您知道submit输入的数量以及希望在哪个输入上触发click+(按顺序)，那么可以使用nth-child()语法来确定它的目标。或者将ID或类添加到每个ID或类，以将它们彼此分开。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|501714|按索引选择元素：|501715|$('input[type="submit"]:nth-child(1)').trigger('click');//selects+the+first+one
$('input[type="submit"]:nth-child(2)').trigger('click');//selects+the+second+one
$('input[type="submit"]:nth-child(100)').trigger('click');//selects+the+100th+one|code-block|syntax|javascript|501716|实际上有几种方法可以做到这一点，包括使用.eq()：http://api.jquery.com/eq|501717|根据元素的id选择元素：|501718|<input+type="submit"+id="submit_1"+/>
<input+type="submit"+id="submit_2"+/>
<input+type="submit"+id="submit_100"+/>

<script>
$('#submit_100').trigger('click');
</script>|501719|注意，.click()是.trigger('click')的缩写。|501720|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/eq^0|5|6|S|5|1A|B|0|0|0|K|5|Q|O|0|0|0|0|3|8|C|H|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]|$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1A|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1B|8|@$9|1C|A|1D|B|C]]|D|@$9|1E|A|1F|1|1G]]|E|$]]|$1|O|3|P|5|6|7|1H|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|1I|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|1J|8|@$9|1K|A|1L|B|C]|$9|1M|A|1N|B|C]]|D|@]|E|$]]|$1|U|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|V|$W|$5|X|Y|Z|E|$10|11]]]]

<p>If you know the number of <code>submit</code> inputs and which one (in order) you want to trigger a <code>click</code> on then you can use <code>nth-child()</code> syntax to target it. Or add an ID or a class to each one that separates them from the other.</p>

<p>Selecting the elements by their index:</p>

<pre><code>$('input[type="submit"]:nth-child(1)').trigger('click');//selects the first one
$('input[type="submit"]:nth-child(2)').trigger('click');//selects the second one
$('input[type="submit"]:nth-child(100)').trigger('click');//selects the 100th one
</code></pre>

<p>There are actually several ways to do this including using <code>.eq()</code>: <a href="http://api.jquery.com/eq">http://api.jquery.com/eq</a></p>

<p>Selecting the elements by their id:</p>

<pre><code>&lt;input type="submit" id="submit_1" /&gt;
&lt;input type="submit" id="submit_2" /&gt;
&lt;input type="submit" id="submit_100" /&gt;

&lt;script&gt;
$('#submit_100').trigger('click');
&lt;/script&gt;
</code></pre>

<p>Note that <code>.click()</code> is short for <code>.trigger('click')</code>.</p>


blocks|key|501775|text|太晚了，但是如果你的提交按钮有名字：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|501776|$("input[name='submitbuttonname']").click();|code-block|syntax|javascript|501777|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Way late to the party, but if your submit buttons have names:</p>

<pre><code>$("input[name='submitbuttonname']").click();
</code></pre>


blocks|key|501826|text|嗯，它不能与这个完整的向导窗体工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|501827|$("#renqform").validate().settings.ignore+=+":disabled";
return+$("#renqform").valid();|code-block|syntax|javascript|501828|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>hmm it cant work with a wizard form with this intacted                              </p>

<pre><code>$("#renqform").validate().settings.ignore = ":disabled";
return $("#renqform").valid();
</code></pre>


blocks|key|717865|text|另一个建议！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|717866|我有一个具有多个提交的表单，这些表单也具有不同的值属性，所以在执行内置确认之后，我不能简单地提交表单。|717867|取而代之的是，我添加了几个隐藏的按钮，在我得到确认结果后，我强制点击了这些按钮。|717868|以下是按钮：|717869|<button+id="email"+name="email"+type="submit"+class="submit+radius+confirmation"+value="all"><?php+echo+$this->__('Email+Receipts+to+Selected');+?></button>
<button+id="email-french"+name="email-french"+type="submit"+class="submit+radius+confirmation"+value="all"><?php+echo+$this->__('Email+French+Receipts+to+Selected');+?></button>
<button+id="helper-email"+name="email"+type="submit"+class="submit+hide"+value="all"></button>
<button+id="helper-email-french"+name="email-french"+type="submit"+class="submit+hide"+value="all"></button>|code-block|syntax|javascript|717870|下面是jQuery：|717871|<script+type="text/javascript">
jQuery(function+($)+{
++++$('[id%5E=email]').on('click',+function+(e)+{
++++++++e.preventDefault();

++++++++var+button+=+$(this);

++++++++notify.confirm(<?php+echo+json_encode($this->__('Are+you+sure?'));+?>,+function+(ans)+{
++++++++++++if+(ans)+{
++++++++++++++++$('#helper-'+%2B+button.attr('id')).click();
++++++++++++}
++++++++});
++++});
});
</script>|717872|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<p>One other suggestion!</p>

<p>I had a form with multiple submits, that also had varying value attributes, so I couldn't simply submit the form after I performed my built in confirmation.</p>

<p>Instead, I added a few hidden buttons that I forced a click on after I got a Yes back from my confirmation.</p>

<p>Here are the buttons:</p>

<pre><code>&lt;button id="email" name="email" type="submit" class="submit radius confirmation" value="all"&gt;&lt;?php echo $this-&gt;__('Email Receipts to Selected'); ?&gt;&lt;/button&gt;
&lt;button id="email-french" name="email-french" type="submit" class="submit radius confirmation" value="all"&gt;&lt;?php echo $this-&gt;__('Email French Receipts to Selected'); ?&gt;&lt;/button&gt;
&lt;button id="helper-email" name="email" type="submit" class="submit hide" value="all"&gt;&lt;/button&gt;
&lt;button id="helper-email-french" name="email-french" type="submit" class="submit hide" value="all"&gt;&lt;/button&gt;
</code></pre>

<p>And here's the jQuery:</p>

<pre><code>&lt;script type="text/javascript"&gt;
jQuery(function ($) {
    $('[id^=email]').on('click', function (e) {
        e.preventDefault();

        var button = $(this);

        notify.confirm(&lt;?php echo json_encode($this-&gt;__('Are you sure?')); ?&gt;, function (ans) {
            if (ans) {
                $('#helper-' + button.attr('id')).click();
            }
        });
    });
});
&lt;/script&gt;
</code></pre>


<p>I am clicking a submit button using this:</p>

<pre><code>$('input[type=submit]').click(); 
</code></pre>

<p>The problem is that I have more that 1 submit button on my page so I need to target a specific submit button.</p>

<p>How could I do that?</p>


Click a specific submit button with JQuery

jQuery

我正在使用下面的代码单击提交按钮：$('input[type=submit]').click(); 问题是我的页面上有更多的提交按钮，所以我需要针对一个特定的提交按钮。我怎么能这么做呢？

问使用JQuery单击特定的提交按钮
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用JQuery单击特定的提交按钮EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用JQuery单击特定的提交按钮
EN