gpt4 book ai didi

javascript - 如何为 Jquery 函数设置数据选择

转载 作者:行者123 更新时间:2023-11-28 05:06:35 25 4
gpt4 key购买 nike

我有一个功能,可以更改单击时的检查选择,并将默认检查应用于在

内检查的 输入

示例

<input type='checkbox' class='regular-checkbox big-checkbox multicheck' data-paysys="" checked/>

和我的 jquery 函数

 $('input[type="checkbox"]').on('click', function () {
if ($(this).attr("class") == 'singlecheck') {
if ($('input.multicheck').is(":checked")) {
$('#warning').show();
}
$('input.multicheck').prop('checked', false);
} else {
$('input.singlecheck').prop('checked', false);
$('#warning').hide();
}
});

如何设置 checked 通过 $accordion.data("selection") 设置,以便我可以使用

<div id="accordion-test" data-selection="2">

我尝试过的

$('input[type="checkbox"]').on('click', function () {
if ($(this).attr("class") == 'singlecheck') {
if ($('input.multicheck').is($accordion.data("selection"))) {
$('#warning').show();
}
$('input.multicheck').prop($accordion.data("selection"), false);
} else {
$('input.singlecheck').prop($accordion.data("selection"), false);
$('#warning').hide();
}
});

更新添加的 FIDDEL

这是我正在处理的 fiddle ,您可以看到 Accordion 作为数据选择打开 - “1”,但检查仍然不正确。

https://jsfiddle.net/rqzgjnwc/#&togetherjs=t0SOlQwIr9

最佳答案

试试这个,

$('input[type="checkbox"]').on('click', function () {
if ($(this).attr("class") == 'singlecheck') {
if ($('input.multicheck').is(":"+$accordion.data("selection"))) {
$('#warning').show();
}
$('input.multicheck').prop($accordion.data("selection"), false);
} else {
$('input.singlecheck').prop($accordion.data("selection"), false);
$('#warning').hide();
}
});

让我知道它是否有效。

编辑

$(function() {
var $accordion = $("#accordion");
$accordion.accordion({
autoHeight: true,
collapsible: true,
active: $accordion.data("selection"),
change: function(event, ui) {
makeChecked();
},
create: function(event, ui) {
makeChecked();
}
});
});

$('input[type="checkbox"]').on('click', function() {

if ($(this).attr("class") == 'singlecheck') {
if ($('input.multicheck').is(":checked")) {
$('#warning').show();
}
$('input.multicheck').prop('checked', false);
} else {
$('input.singlecheck').prop('checked', false);
$('#warning').hide();
}
});

function makeChecked() {
$("input[type='checkbox']").prop("checked", false);
$("lable.ui-state-active").find("input[type='checkbox']").prop('checked', true);
}

对于工作代码,请检查一次 jsfiddle链接。

关于javascript - 如何为 Jquery 函数设置数据选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41696327/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com