Question

我有两种输入类型：

// First Submit Button:
<input type="submit" value="Save"/>

// Second Button:   
<input type="button" value="Go for payment" id="payment" />

我希望只有在仅保存数据时单击id="payment"时，Submit按钮才能起作用/点击。 请提供任何建议。我是jquery和javascript的新手

Answer 1

您可以像这样使用.prop()：

$('#submit').click(function() {
    $('#payment').prop('disabled',false);    
});

确保您为disabled按钮添加#payment属性。

<input type="button" value="Go for payment" id="payment" disabled />

<强> Fiddle Demo

Answer 2

单击第一个按钮后，您可以使用jquery启用第二个按钮：

请参阅下面的编码示例：

//On document load
$(function(){
      //Set button disabled
      $("input[type=submit]").attr("disabled", "disabled");

      //Append a change event listener to you inputs
      $('input').change(function(){
            //Validate your form here, example:
            var validated = true;
            if($('#nome').val().length === 0) validated = false;

            //If form is validated enable form
            if(validated) $("input[type=submit]").removeAttr("disabled");                             
      });

      //Trigger change function once to check if the form is validated on page load
      $('input:first').trigger('change');
})

我希望这会有所帮助

Answer 3

.visable {
   visibility: hidden;
}
<input id="payment" class="visable"/>

$("input[type='submit']").on('click',function(){
$("#payment").css("visibility", "visible");

});

只需使用css。

Answer 4

<input type="submit" value="Submit" id="submit" />
<input type="button" value="Go for payment" id="payment" />

在剧本中：

$('#submit').click(function() {
    $('#payment').click();    
});

Answer 5

我这个代码可以解决你的问题：

<body>
<form>
<input type="submit" value="Save"/>
<input type="button" value="Go for payment" id="payment"/>
</form>
</body>

<script>
$("form").submit(function( event ) {
  $( "#payment" ).trigger( "click" );
});

$( "#payment" ).click(function() {
  alert("Hello");
});
</script>

Answer 6

试试这个Fiddle

$("#submit").click(function(){    

$("#payment").removeAttr('disabled');
});

如何在单击第一个按钮时单击第二个按钮

6 个答案: