Question

我有一个用作切换的复选框，点击后会提交一个表单，其中检查/取消选中状态用于启用/禁用该服务。

但是，我现在有一个基于位置选择偏好的API，我想：

如果未选中该复选框，请点击提交
如果选中该复选框，请点击“应用”

目前我有$(“#checkbox”).click();如果用户调用API并且我不确定如何实现此功能，如果已选中该复选框以避免关闭服务，则会使用$(“#apply”).click();。我已经尝试$('#checkbox').attr但没有遇到问题。

$(‘#apicall’).off('click').on('click', function () {
    $.ajax({
        type: 'GET',
        dataType: 'json',
        url: "https:// [PRIVATE API REDACTED]“,
        success : function(result){
            console.log(result);
            result=result.successData.server;
            best_ovpn=best_ovpn.trim();
            $(“#dropdown”).val(apical);
            show_openvpn_status();
            if($('#checkbox').attr('checked')) {
                $(" # checkbox ").click();
            } else {
                $(" # apply ").click();
            }
    });
});

Answer 1

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        if(this.checked){
            alert("Checkbox is checked.");
        }
        else if(!(this.checked)){
            alert("Checkbox is unchecked.");
        }
    });
});

您可以使用此代码检查是否选中了复选框。您可以根据其状态进行适当的api调用。

Answer 2

$('#checkbox').on('change', function(){
    if($(this).is(':checked')){
        alert('checked');
    }else{
        alert('unchecked');
    }
});

Answer 3

如果您想知道是否选中了复选框，您可以使用.is jQuery方法和:checked这样的方法：

$(function(){
  console.log("Checkbox1", $("#checkbox1").is(":checked"));
  console.log("Checkbox2", $("#checkbox2").is(":checked"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="checkbox1" type="checkbox" checked />
<input id="checkbox2" type="checkbox" />

如果您想选中该复选框，可以使用.prop方法：

$(function(){
  $('#checkbox').prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="checkbox" />
<p>Checked the checkbox using jQuery</p>

如果选中复选框，则更改按钮行为

3 个答案: