Question

以下是我的自举开关的代码和＆＃34;保存＆＃34;按钮。首先，我希望用户使用我的自举开关并选择＆＃34; on＆＃34;或者＆＃34;关闭＆＃34;州。一旦用户选择了州，他将点击提交按钮。如果用户点击＆＃34; on＆＃34;，我将创建属性＆＃34; value＆＃34;值为＆＃34; true＆＃34;。如果用户点击＆＃34; off＆＃34;，我将创建属性＆＃34; value＆＃34;值为＆＃34; false＆＃34;。然后，我将向API方法发出带有属性值的后HTTP请求，以将值插入到数据库中的正确表中。但是，我一直收到价值＆＃34; false＆＃34;即使用户点击＆＃34; on＆＃34;

＆＃13;

$('#saveButton').on('click', function () {

        var $collectedIsVisible = '';
    
        if ($('#testInput').is(':checked')) {

            $collectedIsVisible = $('#testInput').attr('value', 'true');           
        }
        else {
            $collectedIsVisible = $('#testInput').attr('value', 'false');         
        }

＆＃13;

<label class="control-label col-md-4" for="testInput">Yes or No</label>
<input type="checkbox" id="testInput" name="testInput" checked/>

<input type="button" class="btn btn-primary" value="Save" id="saveButton" />

＆＃13;

Answer 1

＆＃13;

$('#saveButton').on('click', function () {

        var $collectedIsVisible = '';
    
        if ($('#testInput').is(':checked')) {

            $collectedIsVisible = $('#testInput').attr('value', 'true');           
        }
        else {
            $collectedIsVisible = $('#testInput').attr('value', 'false');         
        }

＆＃13;

<label class="control-label col-md-4" for="testInput">Yes or No</label>
<input type="checkbox" id="testInput" name="testInput" checked/>

<input type="button" class="btn btn-primary" onClick="save();" value="Save" id="saveButton" />

＆＃13;

Answer 2

你用$ jquery声明变量的第一件事并不是你必须使用＆＃39; var＆＃39;关键词。其次，不是设置复选框值属性，而是可以在制作变量时生成变量＆＃34; gatherIsVisible＆＃34;并将此变量传递给您的AJAX调用。你可以使用这段代码......

＆＃13;

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $('#saveButton').on('click', function () {

        var collectedIsVisible = '';
    
        if ($('#testInput').is(':checked')) {

         collectedIsVisible = true; 
          console.log(collectedIsVisible);
        }
        else {
            collectedIsVisible = false 
          console.log(collectedIsVisible);
        }       
        });
});

</script>
</head>
<body>
<label class="control-label col-md-4" for="testInput">Yes or No</label>
<input type="checkbox" id="testInput" name="testInput" checked/>

<input type="button" class="btn btn-primary" value="Save" id="saveButton" />

</body>
</html>

＆＃13;

希望这对你有所帮助。

如何为bootstrap交换机赋值？

2 个答案: