jQuery条件(如果选择了输入并单击了按钮)

时间:2018-10-28 13:52:46

标签: javascript jquery html

我有以下输入列表:

<input type='checkbox' name='182,500' value='182,500'> Below QAR 182,500 <br>
<input type='checkbox' name='182,500plus' value='182,500plus'> Above QAR 182,500 – Below QAR 365,000 <br>
<input type='checkbox' name='365,000' value='365,000'> Above QAR 365,000

<span class="custom-link btn border-width-0 info-submit btn-color-xsdn btn-outline btn-icon-left">Submit</span>

我想创建一个if语句,其中是否检查了具有input属性name的{​​{1}}和是否具有类182,500的{​​{1}}单击,将执行一小段代码。

也许是这样的:

span

3 个答案:

答案 0 :(得分:1)

因此,您需要做的是检查在单击info-submit按钮时是否选中了具有所需名称的输入。对于这种情况,可以在输入上使用.is(':checked')。视状态而定,它会为您提供是非题。

$('.info-submit').on('click', function() {
    // This will check if the input is checked or not.
    if($("input[name='182,500']").is(':checked')) {
        // Do something.
    }
})

希望有帮助!

答案 1 :(得分:1)

.on('click')方法,您可以使用input检查是否检查了prop

$('.info-submit').on('click', function() {
  $('[name="182,500"]').prop('checked') ? 
    console.log('clicked and checked') : 
    console.log('clicked only')
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='checkbox' name='182,500' value='182,500'> Below QAR 182,500 <br>
<input type='checkbox' name='182,500plus' value='182,500plus'> Above QAR 182,500 – Below QAR 365,000 <br>
<input type='checkbox' name='365,000' value='365,000'> Above QAR 365,000
<br />
<span class="custom-link btn border-width-0 info-submit btn-color-xsdn btn-outline btn-icon-left">Submit</span>

答案 2 :(得分:-1)

$('.info-submit').on('click', function () {
    // This will check if the input is checked or not.
    if ($("input[name='182.500']").prop('checked')) {
        // Do something.
    }
})