Php 如何更改此html和脚本以使用6个不同的按钮，而不是6个单选按钮和1个按钮

我正在重新设计页面，我为用户可以选择的6个选项添加了6个不同的按钮，而不是6个单选框&1个按钮。我只需要调整代码，以确保在下一页上，根据按下的按钮显示正确的总数和文本

我只需要在下一页上的一些文字，以改变取决于哪个按钮被按下

这里是最初的情况：

<input id="diamondmonthly" class="radio" type="radio" value="diamondmonthly" name="membership">

<input id="diamondyearly" class="radio" type="radio" checked="checked" value="diamondyearly" name="membership">

<input id="c4" class="radio" type="radio" value="c4" name="membership">

<input id="c3" class="radio" type="radio" value="c3" name="membership">

<input id="c2" class="radio" type="radio" value="c2" name="membership">

<input id="c1" class="radio" type="radio" value="c1" name="membership">

<a id="btnSave" class="xlarge button-submit" onclick="$j('#btnSave').attr('disabled', 'disabled');qc.recordControlModification('btnSave', 'Enabled', '0'); qc.pB('MembershipForm', 'btnSave', 'QClickEvent', '');" href="#">

<script>
//<![CDATA[
qc.registerForm(); qc.imageAssets = "http://images.comfiles.com/assets/images"; qc.cssAssets = "http://images.comfiles.com/assets/css"; qc.phpAssets = "/assets/php"; qc.jsAssets = "http://images.comfiles.com/assets/js"; qc.regCA(new Array("btnSave","btnSave2","c1","c2","c3","c4","diamondyearly","diamondmonthly")); jQuery(document).ready(function($j){if($j.isFunction($j().tooltip)){$j("#MembershipForm :input[data-error]").tooltip({ position: "center right", tipClass: "error_tooltip", offset: [0, -4] })}}); 
//]]>
</script>

---

这可以通过每个按钮使用一个侦听器来处理，或者通过将工作委托给单个祖先元素来处理。在这种情况下，在表单上放置一个单击侦听器可能是最简单的。调用它时，您可以使用关联的事件对象查看它来自何处，并做出相应的反应

请注意，按名称获取表单控件时，如果只有一个控件具有该名称，则只返回一个元素。如果两个或多个控件具有该名称，则返回具有该名称的元素的HTMLCollection

监听器可以是这样的：

<form onclick="handleClick(this)" ...>

但更长的版本可能更清晰

---

噢，去掉script元素中的CDATA分隔符，它们只对作为XML的文档是必需的。

那么，你想让我们发布什么作为答案呢？我真的不知道该怎么做。我只需要下一页上的一些文本根据按下的按钮进行更改。例如：当我单击DiamondYear按钮时，它将显示一些文本。但是如果单击diamondmonthly按钮，它将显示另一个文本。是吗？没错。对不起，这可能太简单了。对不起，我不能正确理解。您是否有包含此代码的联机页面？

function handleClick(form) {
  var button, buttons = form['membership'];

  // Now show text depending on which membership button is checked
  for (var i=0, iLen=buttons.length, i<iLen; i++) {
      button = buttons[i];

      // Assuming that the text element to display has an ID 
      // matching the value of the checked button
      if (button.checked) {
        document.getElementById(button.value).style.display = '';
      } else {
        document.getElementById(button.value).style.display = 'none';
      }
  }
}

      document.getElementById(button.value).style.display = button.checked? '' : 'none';