Jquery 复选框不起作用

Jquery Checkboxes not working

本文关键字：不起作用 复选框 Jquery      更新时间：2023-09-26

大家好，昨天我问了一个问题，从那时起我就安静地改变了我的代码。所以现在我正在尝试让一些 Javascript 工作，如果选中特定的复选框。但是现在当我选中复选框时，它什么也没发生。任何人都可以帮助我解决这个问题，我对 Jquery 和 Javascript 相当陌生，而且我有点过度紧张。所以这是我的Javascript代码：

<script type="text/javascript" charset="UTF-8">
$('#checkbox1').get(0).checked(function(){  
    $(document).bind('deviceready', function(){
        onDeviceReady();
    });
    function yourCallback(button) {
        if (button == 2) {
            dataRequest();
        }
    }
    function dataRequest() {
        var output = $('#output').text('Loading data...');
        $.ajax({
            url: 'exampleURL/connect_neu.php',
            dataType: 'jsonp',
            jsonp: 'jsoncallback',
            timeout: 5000,
            success: function(data, status){
                output.empty();
                $.each(data, function(i,item){
                var ort = '<table border="solid" width="30%" border-collapse="collapse">'+'<tr>'+'<td>'+item.abfahrt+'</td>'
                + '<td>'+item.rueckfahrt+'</td>'
                + '<td>'+item.StartOrt+'</td>'
                + '<td>'+item.Zielort+'</td>'+'</tr>'
                + '</table>';
                output.append(ort);
                });
            },
            error: function(){
                output.text('There was an error loading the data.');
                navigator.notification.confirm(
                    'Something went wrong. Would you like to retry?',
                    yourCallback,
                   'Error',
                    'No,Yes'
                );
            }
        });
    } 
    dataRequest();
});
</script>`enter code here`

这是我在HTML中的复选框： 

    <form name="checkboxes" action="" id="checkboxes">
    <span class="anchor">Fahrten</span>
    <ul class="items">
        <li><input id="checkbox1"  type="checkbox" name="zukuenftig" value="1">zuk&uuml;nftige Fahrten</li>
        <li><input id="checkbox2" type="checkbox" name="vergangen" value="2">vergangene Fahrten</li>
        <li><input id="checkbox3" type="checkbox" name="alle" value="3">alle Fahrten</li>
        <li><input type="button" value="Go" onclick="Weiter()"></li>
    </ul>
</form>

确保文档中的脚本准备就绪，否则可以在运行 jquery 代码后创建复选框。

http://api.jquery.com/ready/

.checked是一个布尔属性，而不是一个函数。

你可能想要这样的东西：

$('#checkbox1').change(function () {
    if (this.checked) {
        // ...
    }
});

有关此类解决方案的讨论，请参阅此处：jQuery 复选框选中状态更改事件

如果你打开你的JavaScript控制台，你会看到一个错误，如下：

Uncaught TypeError: boolean is not a function

以下是在不同浏览器中查看它的说明：https://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers

在 document.ready 中使用复选框更改事件，如下所示：-

$(document).ready(function(){
   $('#checkbox1').change(function(){ 
      if($(this).is(':checked')){
        //your code goes here
      }
   });
});

而不是$('#checkbox1').get(0).checked(function(){

参见示例：小提琴演示

相关文章：