Question

我正在尝试使用两个外部按钮设置引导开关的状态，这是代码：

    <div>
        <input type="checkbox" name="switch" id="switch" value="1" data-on-text="ON" data-off-text="OFF" />
    </div>

    <div>
        <a id="set_on">ON</a>
        <a id="set_off">OFF</a>
    </div>

<script src="assets/jquery.min.js" type="text/javascript"></script>
<script src="assets/jquery-ui.min.js" type="text/javascript"></script>
<script src="assets/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/bootstrap-switch.js"></script>
<script>
    $("#switch").bootstrapSwitch();
    $( "#set_on" ).click(function() {
        $("#switch").bootstrapSwitch('setState', true);
    });
    $( "#set_off" ).click(function() {
        $("#switch").bootstrapSwitch('setState', false);
    });
</script>

点击开关按钮ON或OFF，不要切换其状态。在浏览器的控制台上查看我读到了这个错误： TypeError：$（...）。bootstrapSwitch不是函数

如果我尝试以这种方式将引导开关的状态设置在函数外：

<script>
    $("#switch").bootstrapSwitch();
    $("#switch").bootstrapSwitch('setState', false);
</script>

开关正确切换到ON状态。

Answer 1

请用以下代码替换您的代码：

     <html>
<body>
<form action="functionTest.php" name="myForm" method ="POST" enctype="multipart/form-data">
<input type="file" name="image" >
<inpu***t type="submit" name="submitBottom" value="upload">
</form>
</body>


</html>
<?php

$serverName = 'mysql.metropolia.fi';
$username ='*************';
$password ='***************';
$db = '*******';

$conn = mysqli_connect($serverName,$username,$password,$db)
or die("Error " . mysqli_connect_error());

if (!$_FILES['image']['name']){
    echo"please select the file";
}else {
    echo $_FILES['Image']['name'];
}

?>

Answer 2

尝试将代码包装在$('input[type=checkbox]:checked').map(function (checkbox) { return $(checkbox).closest('tr').attr("id"); });中，以便在执行jQuery代码之前加载所有DOM元素：

$( document ).ready(function() {});

尝试在完整的脚本中使用它 -

<script>
$( document ).ready(function() {
    $("#switch").bootstrapSwitch();
    $("#switch").bootstrapSwitch('setState', false);
});
</script>

Answer 3

您可以尝试使用 bootstrapSwitch()，类似这样的东西

$("[name = 'status']").bootstrapSwitch();

<input name = "status" type="checkbox">

使用jquery函数

3 个答案: