Question

如何在不需要用户提交的情况下为用户创建复选框？

[] apple
[] grapes
[] oranges
[] mangoes

一旦用户选择苹果，葡萄，橙子，SAME页面必须多次重新加载并说出来 “苹果”，“葡萄”，“橘子”等

.................. 修改

实际上，我需要传递带有苹果葡萄芒果等值的变量即如果你在www.abc.com/happy.php页面上选择苹果，葡萄等后页面网址应显示www.abc.com/happy.php&selection=apple_grapes等

希望它有意义。

Answer 1

您的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>

你将拥有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 />";   
  }
}

每次HTML时，此代码都会写入您的element id（check =容器）“已添加[水果]”水果。如果你uncheck，它会说，“删除[水果]”。：P

请查看JSBin

上的工作示例

Answer 2

复选框独立于提交按钮。只需写下没有提交按钮的复选框，你就会有一个没有提交按钮的复选框。：）
就页面“重新加载”而言，使用JS或您选择的JS框架（例如jQuery，MooTools等）在复选框点击上显示相应的单词。

如果您需要更多详细信息，请告诉我们。

Answer 3

如果您不希望整个页面重新加载并且仍然是动态的，那么您将不得不使用的不仅仅是PHP。您可以使用AJAX请求发送选中了复选框的服务器信息，然后相应地进行回复。更简单/更好的解决方案就是让AJAX请求所需的Javascript显示苹果/葡萄/橘子/芒果onclick，而不是每次用户更改复选框时都提交表单。

如何在PHP中创建没有提交按钮的Checkbox？

3 个答案: