Tag: 复选框

是否可以更改复选框状态而不会导致单击事件？: 我正试图找到一种方法来阻止input[type=’checkbox’]在我用jquery更改状态时触发click事件。可能吗？

为什么Bootstrap 3折叠与双击时的复选框状态不同步？: 根据这个问题：“ 复选框检查时Twitter Bootstrap 3崩溃 ”我试过这个解决方案，因为它简单而干净。 http://jsfiddle.net/L0h3s7uf/1/ I have Driver License A B C D E 但是有了这个“解决方案”，你就会遇到问题。如果单击该复选框太快，该区域将折叠但复选框将被选中。我该如何防止这种双击问题？我在用： Bootstrap 3 jQuery 3.1.1

jQuery – 复选框和checkall – 如果相关复选框发生更改，则监视和更改状态: 使用jQuery 1.9.1，并使用IE8和Firefox。在我的页面上，我有一个表，其中包含动态创建的复选框。显示时，几行的HTML如下所示： Room No 2 203 204 Room No 3 310 320 340 350 当用户点击房间时，将检查与该房间相关的所有相关复选框（PCNbrXXX）。用户还可以选择单个复选框，或者可以选择/取消选择单个复选框。我注意到的是，如果我检查Room Nbr，它会检查所有相关的复选框，但如果我单独取消选中，则会选中Room Nbr复选框。我用来检查所有方框的代码是： $(‘#mytable’).on(‘click’,’.checkall’, function() { $(‘input.’ + this.id).prop(‘checked’, this.checked); }); 我用来捕获个别支票的代码是： $(‘#mytable’).on(‘click’, function() { $(‘input.’ + this.id).prop(‘checked’, this.checked); }); 在IE8和Firefox中，我需要做的是监控是否检查了任何单独的复选框并将Room Nbr复选框的显示状态更改为（1）显示检查是否检查了该行上的所有复选框，（2）更改为不确定如果一行中有1个或多个被清除，则状态（和清除检查），以及（3）如果行上的所有单独复选框都被清除则显示清除。我为每个单独的复选框分配了一个类，它为我提供了Room Nbr复选框的名称和ID，但我不知道如何管理上述＃1和＃3中的状态，或者如果＃2（显示不确定）在IE8中可以使用status）。至少，我想要将状态切换为选中状态（如果全部都已选中），或者如果已清除该行中的1个或更多，则清除状态。我很欣赏有关如何进行上述操作的任何建议。我正在使用以下内容来了解在任何给定时间检查的内容： $(“input[name*=PCNbr]:checked”).map(function () {return this.name;}).get().join(“,”) 并且我认为我可以抓住我分配给他们的class级，但还没有让它正常工作。谢谢！

只在一个复选框中显示“必需”（动态显示）: 我创建了一个数据库驱动的测试，有三种类型的问题 – 输入类型=无线电，文本和复选框。如果我在结束标记之前插入必需，它适用于广播和文本问题，但不适用于复选框。问题是每个复选框问题都有几个可能的答案 – 从三到六个不等。而那些正确答案的选择数量也各不相同。但是当我向复选框脚本添加“required”时，用户必须选择每个答案才能进入结果页面。这就是代码的样子： ‘.$QA.’ 我找到了HTML5必需属性页面，它似乎解决了这个问题。如果我理解正确，您可以通过在一个元素中插入“required”来解决问题。因此，如果您将其插入答案A，用户可能会选择答案C和D，一切都会正常工作。如果这是正确的，那么有没有办法只在一个复选框中显示“必需”，而不是全部？

如何使用jquery检查多个复选框而不给每个ID？: 我正在尝试使用jQuery检查多个复选框。我知道如何检查所有复选框或检查多个是否有ID。我希望能够在没有这个的情况下做到这一点。我的所有复选框都在类似的分组中。我让它们以一致的方式分组。我在这里做了一个小提琴。这是我的代码 window.onCheck = function () { var totals = [0, 0, 0]; $(‘tr.checkRow’).each(function () { var $row = $(this); if ($row.children(‘td:first’).find(‘input:checkbox’).prop(‘checked’)) { $(this).find(‘td.imageBox’).each(function (index) { var $imageBox = $(this); if ($imageBox.children(‘img:first’).attr(‘src’).indexOf(‘yes’) >= 0) { ++(totals[index]); } }); } }); $(‘#total1’).text(totals[0]); $(‘#total2’).text(totals[1]); $(‘#total3’).text(totals[2]); }; window.onCheckForm = function (cb) { var […]

如何只用一个复选框在最后一行添加一列和`thead`: 伙计我需要你的帮助。我有一个表，其中包含我使用csv文件中的数据数组创建的checkbox 。桌子看起来像这张照片复选框的id’s是数字1复选框有id’s mycheckbox1 数字2复选框有id’s mycheckbox 创建列和标题时的条件是这样的。当我单击mycheckbox1 ，它将创建一个标题并为每个数据创建一个列。然后当我点击mycheckbox它只是创建一个列（在mycheckbox位置的一行中）和标题（在第一行中）。我想要传递到列中的数据是在检查时Tilting ，当未选中时，数据是Borongan 。我想只创建一次标题和列。我已经尝试制作代码但它不会工作T_T有人请帮助我我只是为此创造一个小提琴这是小提琴https://jsfiddle.net/minervaz/qz8tm1yb/ 我为这些数据的来源添加了一个代码 $(document).ready(function(){ $(‘#submit-file’).on(“click”,function(e){ if ($(‘#files’).val()== “”) { alert(“Anda Harus Memasukkan File Terlebih Dahulu”); } else{ e.preventDefault(); $(‘#files’).parse({ config: { delimiter: “”, skipEmptyLines: false, complete: displayHTMLTable, }, before: function(file, inputElem) { //console.log(“Parsing file…”, file); }, error: function(err, […]

使用复选框过滤FullCalendar事件（使用javascript进行客户端）: 我有一个运行良好的fullcalendar脚本，它通过eventRender根据数据属性向事件添加css类。我现在需要使用复选框过滤这些特定属性，但我根本不知道如何实现这一目标！我的脚本如下所示： $(document).ready(function() { $(‘#calendar’).fullCalendar({ eventRender: function(calEvent, element, view) { if (calEvent.risk == “normal”) { element.css(‘background-color’, ‘#99FF99’); } if (calEvent.risk == “event”) { element.css(‘background-color’, ‘#415eec’); } if (calEvent.risk == “whisper”) { element.css(‘background-color’, ‘#D7CDD5’); } }, allDaySlot: true, displayEventTime: true, displayEventEnd: true, editable: false, firstDay: 1, weekNumbers: true, selectable: false, weekNumberCalculation: “ISO”, eventLimit: true, events: […]

jQuery将多个filter参数添加到url: 我有多组复选框，用于过滤搜索结果。例如，搜索衬衫会将第一组作为颜色，其中包括黑色，蓝色，红色和第二组等大小，其中包括小，中，大等。标准的东西…… 在进行搜索后，此示例的URL将如下所示，并应用filter： www.xzy.dev/search?keywords=shirt&colors=red,black&sizes=small,medium 这将返回与关键字搜索匹配的所有项目，包括颜色（红色和黑色）和大小（中小）的filter。我已经完成了所有的后端，但是当涉及到事情的前端时我并不是很伟大…… 下面的代码只是关于我想要的东西，除了它有我的情况的缺陷，我已在下面解释。 function GetFilters() { console.log(“rom”); $(‘input[type=”checkbox”]’).on(‘change’, function (e) { var data = {}, fdata = [], loc = $(”, { href: window.location })[0]; $(‘input[type=”checkbox”]’).each(function (i) { if (this.checked) { if (!data.hasOwnProperty(this.name)) { data[this.name] = []; } data[this.name].push(this.value); } }); // get the key var key = Object.keys(data)[0]; // […]

使用codeigniter中的ajax使用切换开关进行数据库更新: 我正在开发一个考勤管理codeigniter应用程序，我正在使用切换开关插件来更新出勤状态。这个过程将是：系统在带有可切换插件的复选框中显示具有出勤状态的学生列表。如果学生在场或不在，或者只是用户更改状态，请使用选中或取消选中带有可切换插件的复选框。如果学生出现1或缺席0，系统使用AJAX发送表格，学生证和出勤日期。简单的系统将改变学生的出勤状态。注* * date $ month $ year $ value_id $ batch_id和$ section_id的值在控制器函数参数之前加载。这是我的应用程序的预览。我需要使用AJAX这个表单。这是我的视图代码： <form method="post" action="index.php?admin/student_attendance”> <input type="checkbox" value="1" name="status_” data-plugin=”switchery” /> <input type="hidden" name="date" value="” /> 这是我的控制器代码： if($_POST) // if the update request is send { foreach ($students as $row) { $this->crud_model->update_student_attendance($students[‘student_id’], $this->input->post(‘status_’ . $row[‘student_id’]), $this->input->post(‘date’)); […]

使用jquery选中并取消选中所有复选框: 我正在使用此脚本来检查和取消选中所有复选框： $(‘#checkall’).click(function () { var checked = $(this).data(‘checked’); $(‘.chkall’).find(‘:checkbox’).attr(‘checked’, !checked); $(this).data(‘checked’, !checked); }); 它工作得很好，但是一旦我在“全部检查”之后取消选中几个选中的复选框，然后再次点击“取消全部检查”和“全部检查”，则不再检查那些以前未选中的复选框。帮助会很棒！非常感谢你！