gpt4 book ai didi

javascript - 如何使 javascript 将操作应用于所有选中的复选框?

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

我是 javascript 新手,我需要制作一个脚本,对所有选中的框应用几个操作,我不知道如何使用 javascript 确定选中哪些框,所以我可以应用一个操作onClick,有什么帮助吗?

最佳答案

试试这个:

<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<style>
body { font-family: 'Roboto', serif; font-smooth: never; -webkit-font-smoothing : none; }
#select-all { margin-right:10px }
label { display: block }
label:hover { cursor: pointer }
input[type="submit"] { margin-top:20px }
</style>

</head>
<body>
<form id="form" action="" method="post">
<label for="select-all"><input id="select-all" type="checkbox" />Check all</label>
<br>

<label>
<input type="checkbox" name="checkboxes[]" value="checkbox1" /> CheckBox 1
</label>
<label>
<input type="checkbox" name="checkboxes[]" value="checkbox2" /> CheckBox 2
</label>
<input name="send" type="submit" value="Send">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
$('#select-all').click(function (event) {
if (this.checked) {
$(':checkbox').prop('checked', true);
} else {
$(':checkbox').prop('checked', false);
}
});
});
</script>
</body>
</html>

<?php
if ($_POST['checkboxes'])
{
echo "<pre>";
print_r($_POST['checkboxes']);
echo "</pre>";
}
elseif (!$_POST['checkboxes'])
{
echo "Nothing selected.";
}
?>

关于javascript - 如何使 javascript 将操作应用于所有选中的复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37517283/

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