gpt4 book ai didi

javascript - 如何以编程方式检查/取消选中 jquery-ui checkboxradio

转载 作者:行者123 更新时间:2023-11-29 16:06:18 24 4
gpt4 key购买 nike

我正在尝试以编程方式选中/取消选中 jquery-ui checkboxradio 小部件(即不使用鼠标)。我尝试过各种各样的事情,但没有快乐。要重现该问题,请选择一个只有 jqueryjquery-ui 脚本标签的空白 html 页面,然后动态创建小部件:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blank</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
</body>
</html>

页面加载后,我按 F12 调出开发工具并输入以下命令以获得最小的 jquery-ui 复选框:

$container = $("<div>")
$container.append($("<label for='chkbox'>"))
$container.append($("<input type='checkbox' id='chkbox'>"))
$container.appendTo('body')
$('#chkbox').checkboxradio()

该复选框默认未选中。让我们尝试检查一下:

$('#chkbox').attr('checked', true) // nope
$('#chkbox').checkboxradio('refresh') // nope
$('#chkbox').attr('checked', false)
$('#chkbox').prop('checked', true) // nope
$('#chkbox').prop('checked', false)
$('#chkbox').addClass('ui-checkboxradio-checked') // not this either
$('#chkbox').removeClass('ui-checkboxradio-checked')
$('#chkbox').checkboxradio('option', 'classes.ui-checkboxradio-checked', true) // does nothing
$('#chkbox').checkboxradio('option', 'ui-checkboxradio-checked', true) // does nothing
$('#chkbox').checkboxradio('option', 'classes.ui-checkboxradio.ui-checkboxradio-checked', true) // and again, nothing...

这很烦人。有没有人能解决这个看似简单的问题?

最佳答案

希望对您有所帮助,谢谢。

$container = $("<div>")
$container.append($("<label for='chkbox'>"))
$container.append($("<input type='checkbox' id='chkbox' >"))
$container.appendTo('body')
$('#chkbox').checkboxradio();
$('#chkbox').prop('checked',true).checkboxradio('refresh')
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blank</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
</body>
</html>

关于javascript - 如何以编程方式检查/取消选中 jquery-ui checkboxradio,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41135295/

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