如何在没有用户需要提交的情况下为用户创建复选框?
[] apple
[] grapes
[] oranges
[] mangoes
Run Code Online (Sandbox Code Playgroud)
一旦用户选择苹果,葡萄,橙子,SAME页面必须多次重新加载并说"苹果","葡萄","橙子"等
..................编辑
实际上,我需要传递带有苹果葡萄芒果等值的变量,即如果您在选择苹果,葡萄等页面www.abc.com/happy.php后,页面网址应显示www.abc.com/happy .php&selection = apple_grapes等
希望它有意义.
你只需要一些javascript关于你的checkboxes
<div id="container"></div>
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Appel">Apple<br>
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Grape">Grape<br>
<input type="checkbox" onclick="return writeTo(this)" name="check_list" value="Orange">Orange<br>
Run Code Online (Sandbox Code Playgroud)
你会得到这个Javascript:
function writeTo(object) {
var container = document.getElementById("container");
if (object.checked) {
container.innerHTML = container.innerHTML + "Added " + object.value + " <br />";
} else {
container.innerHTML = container.innerHTML + "Removed " + object.value + " <br />";
}
}
Run Code Online (Sandbox Code Playgroud)
每当你结果时,这段代码都会写入你的HTML element(id=容器)"添加[水果]"check.如果uncheck它,它会说,"删除[水果]".:P
请查看JSBin的工作示例
| 归档时间: |
|
| 查看次数: |
5453 次 |
| 最近记录: |