Javascript 对表格进行排序时，将自动选中该复选框_Javascript_Jquery_Ruby On Rails_Checkbox

Javascript 对表格进行排序时，将自动选中该复选框

javascript jquery ruby-on-rails checkbox

Javascript 对表格进行排序时，将自动选中该复选框,javascript,jquery,ruby-on-rails,checkbox,Javascript,Jquery,Ruby On Rails,Checkbox,我有这一页：有一个可排序的选项：将项目从下表移动到上表。现在，我只有两个项目（每个表有一个项目）上表包含工作人员未完成的任务，下表包含工作人员已完成的任务 “是/否”这个词表示任务是否完成我正在努力做下一件事：当用户将项目从下表移动到上表时，我希望自动选中复选框（因此它总是从“是”移动到“否”）这是我的index.html.erb（我使用best\u in\u place在值更改时更新数据库）：感谢您的帮助更新：这是ruby生成的HTML： <!DOCTYPE html&

我有这一页：

有一个可排序的选项：将项目从下表移动到上表。现在，我只有两个项目（每个表有一个项目）

上表包含工作人员未完成的任务，下表包含工作人员已完成的任务

“是/否”这个词表示任务是否完成

我正在努力做下一件事：

当用户将项目从下表移动到上表时，我希望自动选中复选框（因此它总是从“是”移动到“否”）

这是我的

index.html.erb

（我使用

best\u in\u place

在值更改时更新数据库）：

感谢您的帮助

更新：

这是ruby生成的HTML：

<!DOCTYPE html>
<html>

<head> 
<title>TODOLIST</title> 


<link href="/assets/application.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/admin.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/scaffolds.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/tasksadmins.css?body=1" media="all" rel="stylesheet" type="text/css" />
<link href="/assets/workers.css?body=1" media="all" rel="stylesheet" type="text/css" /> 
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.purr.js?body=1" type="text/javascript"></script>
<script src="/assets/best_in_place.js?body=1" type="text/javascript"></script>
<script src="/assets/admin.js?body=1" type="text/javascript"></script>
<script src="/assets/myjquery.js?body=1" type="text/javascript"></script>
<script src="/assets/tasksadmins.js?body=1" type="text/javascript"></script>
<script src="/assets/workers.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script> 
<meta content="authenticity_token" name="csrf-param" />
<meta content="FZho6dNmNWjn82HB+MzhL/MtIm4s6F7JFiLVysPCREY=" name="csrf-token" /> 
</head>

<body>
<div id="right">

    <li><a href="/users/sign_out" data-method="delete" rel="nofollow">Sign out</a></li>

</div>
<p id="notice"></p>
<p id="alert"></p>
<center>
<html>
<body>


 <ul id="sortable1" class="connectedSortable"> 


    <li class="ui-state-default">
        <span class='best_in_place highlight_on_success' id='best_in_place_tasksadmin_1_done' data-url='/tasksadmins/1' data-object='tasksadmin' data-collection='["No","Yes"]' data-attribute='done' data-type='checkbox'>No</span> | 
        admin216@gmail.com | 
        feed the dog
    </li>
</ul>


<br><br>

<ul id="sortable2" class="connectedSortable">
    <li class="ui-state-highlight">
        <span class='best_in_place highlight_on_success' id='best_in_place_tasksadmin_2_done' data-url='/tasksadmins/2' data-object='tasksadmin' data-collection='["No","Yes"]' data-attribute='done' data-type='checkbox'>Yes</span> | 
        admin216@gmail.com | 
        feed the fish
    </li>
</ul>


</body>
</html>
</center>

</body>
</html>


托多利斯特





不|
admin216@gmail.com | 
喂狗







是|
admin216@gmail.com | 
喂鱼

p、我知道我有两个主体和两个html。我明天会订购。

在

接收处理程序中尝试此操作：
正在移动的元素是ui.item

 ui.item.find('span').click();

在receive
处理程序中尝试此操作：
正在移动的元素是ui.item

 ui.item.find('span').click();

什么复选框？发布实时HTML，你能发布ruby生成的HTML吗？是的，请稍候。谢谢你们两位！没有输入[type=“checkbox”]

假设您正在使用插件模拟复选框。需要使用插件API来管理更改。可以尝试在span上触发

clcik

，但这就像复选框一样，您是否看到表中任务的“否/是”字样？我可以按“是”这个词，它会变为“否”。什么复选框？发布实时HTML，你能发布ruby生成的HTML吗？是的，请稍候。谢谢你们两位！没有输入[type=“checkbox”]假设您正在使用插件模拟复选框。需要使用插件API来管理更改。可以尝试在span上触发

clcik

，但这就像复选框一样，您是否看到表中任务的“否/是”字样？我可以按“是”这个词，它会变成“否”。多么伟大的国王啊！你今天帮了我两次。非常感谢。祝你万事如意！非常感谢。多么伟大的国王！你今天帮了我两次。非常感谢。祝你万事如意！非常感谢。

 ui.item.find('span').click();