Question

Hello Guys昨天我问了一个问题，从那以后我改变了我的代码安静了一下。所以现在我正试图让一些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>

Answer 1

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

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

Answer 2

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

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

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

参见示例：FIDDLE DEMO

Answer 3

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

你可能需要这样的东西：

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

此处提供了有关此类解决方案的讨论：jQuery checkbox checked state changed event

如果您打开JavaScript控制台，您会看到以下错误：

Uncaught TypeError: boolean is not a function

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

Jquery复选框无法正常工作

3 个答案: