问题：

刷新页面回调选定的复选框treeview中的剑道

吴高洁

2023-03-14

在这里，我应该单击复选框，然后使用提交按钮（AJAX）将数据发送到数据库。点击提交按钮后，将刷新页面，但所有选中的复选框都消失了。刷新页面后如何保留选中的复选框？有什么想法或指南吗？

AJAX

//AJAX call for button
    $("#primaryTextButton").kendoButton();
    var button = $("#primaryTextButton").data("kendoButton");
    button.bind("click", function(e) {

    var test = $("#dropdown").val()

    $.ajax({
        url: "../DesignationProgramTemplate/getTemplate.php",
        type: "post",
            data: {'id':test,'progid':array},
                success: function () {
                // you will get response from your php page (what you echo or print)                 
                    kendo.alert('Success'); // alert notification
                    //refresh
                    //location.reload("http://hq-global.winx.ehors.com:9280/ehors/HumanResource/EmployeeManagement/DesignationProgramTemplate/template.php");
                },
        });
    });

用于getTemplate的PHP

$employeeID = $_SESSION['employeeID'];
$propertyID = $_SESSION['propertyID'];
$id = $_POST['id'];
$progid = $_POST['progid'];

for($x=0; $x< sizeof($progid); $x++ )
{
    $array = array();   

$positionTemplateID = $ehorsObj->EHORS_PK("tblHrsPositionProgramTemplate"); 
$sqlAdd = "INSERT INTO tblHrsPositionProgramTemplate 
            SET positionTemplateID = '" . $positionTemplateID . "',
            programID = '" . $progid[$x] . "',
            hrsPositionID  = '" . $id . "',
            propertyID   = '" . $propertyID . "',
            employeeID  = '" . $employeeID . "',
            dateTimeEmployee = NOW() ";     

$ehorsObj->ExecuteData($sqlAdd, $ehorsObj->DEFAULT_PDO_CONNECTIONS);

$positionTemplateIDLog = $ehorsObj->EHORS_PK("tblHrsPositionProgramTemplateLog");   
$sqlAddLog = "INSERT INTO tblHrsPositionProgramTemplateLog 
            SET positionTemplateIDLog = '" . $positionTemplateIDLog . "',
            positionTemplateID = '" . $positionTemplateID . "',
            programID = '" . $progid[$x] . "',
            hrsPositionID  = '" . $id . "',
            propertyID   = '" . $propertyID . "',
            employeeID  = '" . $employeeID . "',
            dateTimeEmployee = NOW() ";     

$ehorsObj->ExecuteData($sqlAddLog, $ehorsObj->DEFAULT_PDO_CONNECTIONS);
}

复选框的函数

function checkedNodeIds(nodes, checkedNodes) {
  for (var i = 0; i < nodes.length; i++) {
    if (nodes[i].checked) {
      //checkedNodes.push(nodes[i].moduleID);
     // checkedNodes.push(nodes[i].groupID);
      checkedNodes.push(nodes[i].id);
    }

    if (nodes[i].hasChildren) {
      checkedNodeIds(nodes[i].children.view(), checkedNodes);
    }
  }

}

复选框检查

function toggleCheckAll() {
        var checkButtonValue = $("#chbAll").val();

        if(checkButtonValue == "Uncheck"){
          $("#AccountingTree .k-checkbox-wrapper input").prop("checked", true).trigger("change");
          $("#AdminSystemTree .k-checkbox-wrapper input").prop("checked", true).trigger("change");

          $("#chbAll").val("Check");
        } else {
          $("#AccountingTree .k-checkbox-wrapper input").prop("checked", false).trigger("change");
          $("#AdminSystemTree .k-checkbox-wrapper input").prop("checked", false).trigger("change");

          $("#chbAll").val("Uncheck");

        }

}

HTML

<div class="selectAll">
  <input type="checkbox" id="chbAll" value="Uncheck" class="k-checkbox" onchange="toggleCheckAll()" />

  <label class="k-checkbox-label" for="chbAll">Select All</label>

有人对此有想法吗？

输出

共有1个答案

楚畅

2023-03-14

有了这个，你可以保存选中的框，记住它与GET方法。


<html>

<body>

<form method="get" action="">

    <input type="checkbox" name="vehicle1" value="Bike"> I have a bike<br>
    <input type="checkbox" name="vehicle2" value="Car"> I have a car<br>
    <input type="checkbox" name="vehicle3" value="Boat"> I have a boat<br>

    <input type="submit" name="submit">

</form>

</body>

    <script>

        var a = window.location.search.substr(1).split('&');
        console.log(a);
        function test(value, index){ a[index] = value.split("="); }
        function test2(value, index){ console.log(document.getElementsByName(value[0])); document.getElementsByName(value[0])[0].checked = true; }
        a.forEach(test);
        a.forEach(test2);

    </script>

</html>

类似资料：

选中复选框时取消选中页面上的其他复选框

我正在尝试一个Woocommerce票证插件。默认情况下，该插件会显示一个表，其中包含多个票证变体作为产品，并在下面显示一个文本字段作为其数量和一个提交按钮，以将产品添加到购物车中。我想用单选按钮或复选框替换这个文本字段，这样用户就可以选择一种类型的票证，然后点击提交按钮将其中的一部分添加到购物车中。我的想法是在foreach循环中创建一个复选框或单选按钮，该复选框或单选按钮的值为quanti
折叠/展开TreeView随机选中复选框

当折叠/展开某个节点时，其他节点的复选框被选中或未选中。要重现这种行为，只需展开所有节点，检查、折叠和将自动检查。我怎样才能防止这种行为？在稍后的程序中，我希望通过TreeView并获取节点的状态（已选中或未选中）来使用它们。
JavaFX Treeview返回选定项

注意：我实际上不确定为什么这种情况首先需要监听器，因为我甚至不想经常监听，而是在调用方法时得到结果。
未选中的复选框返回空值

问题内容：我有一组复选框，这些复选框在选中时将值传递为1，否则将值传递为0。但是，不是将未选中的复选框的值发送为“ 0”，而是发送的值为“ NULL”。我在下面的JS代码中应将值相应地设置为0/1，但是仍然将该值作为NULL发送。有什么方法可以确保在未选中复选框的情况下传递的值为0？更新这是我的html：默认情况下，它们都被选中。如果未选中其中之一，则MySQL报告以下错误：0SQLS
如果选中以下复选框，则选择前面的复选框

如果选中复选框D并取消选中其他复选框，我希望选中复选框K和F。同样，如果选中复选框I，则前面的复选框I将被选中，下面的复选框将被取消选中。我的html代码是：我为此所做的是：这看起来很乱，还有一个很酷的过程吗？？？
typescript - vue3+ts+element-plus的表格的默认勾选复选框以后，刷新页面，会调用selection-change事件？

![image.png](/img/bVc6L这个是写的html 这个是进入页面的时候获取到数据，添加默认的勾选框我在改变了勾选框状态以后，刷新页面他会自动执行handleSelectionChange事件里面的SelectionChange事件，导致选中的也会变为没选中，如何解决有没有什么方法，麻烦给我指正一下
如何使用jquery维护单选按钮和复选框的状态（无需刷新页面）

我有一个<代码> 案例1：当我选择选项并选中两个（和）
更新选中的复选框值-react本地

我有一个复选框：最初，我希望根据我获取的数据选中复选框。我有一个preference字段，它的值为0，所以我把：然后根据emailpreference添加checked。但是一旦这个值得到，即使按下，我也会将状态从true更改为false，反之亦然。它不会更新。

刷新页面回调选定的复选框treeview中的剑道

共有1个答案

相关问答

相关文章

相关阅读

相关工具

相关文档