jQuery以及变量和函数的使用

我正在开发一个jquery估算程序，它位于表单标记中。当我完成这将是一个相当大的脚本。在许多任务中，我在一个组中有大约50个复选框，选中该复选框将使ui滑块向前推进一步。如果我取消选中该框，滑块将后退一步

这些复选框都是隐藏的，直到我点击一个单选按钮，该按钮将取消隐藏复选框，同时将读取有多少复选框被选中，并将数字返回到滑块

我有一个功能，它还可以在每次选中或取消选中一个框时调整总估计价格

感觉这是一个表单……我有一个contact.php文件，它将从表单中提取所有信息并通过电子邮件发送给网站所有者

现在最大的问题是……我有50个复选框

HTML的示例

  <input type="checkbox" id="R_C-helpPage01" name="helpPage01" value="helpPage01" class="R_C R_C-width20" />
  <label id="R_C-helpPage01" class="W_E"></label> 

  <input type="checkbox" id="R_C-helpPage02" name="R_C-helpPage02" value="helpPage02" class="R_C R_C-width20" /> 
  <label id="R_C-helpPage02" class="R_C"></label> 

  <input type="checkbox" id="R_C-helpPage03" name="R_C-helpPage03" value="helpPage03" class="R_C R_C-width20" /> 
  <label id="R_C-helpPage03" class="R_C"></label>

Hear是主要功能，我不确定如何让所有这些复选按钮只使用此功能，而不必为每个复选框制作50份功能副本

我的第一个猜测如下

  $('#And 47 more ID's, #helpPage03, #helpPage02, #helpPage01').click(function() 
                                                                and bla bla bla

按现在的样子工作

            $helpPage.click(function () {
    if ($pages.val() == 20) {
    alert('Please call for a bulk estimate: ' + phoneNumber);
            return false;
            } 

if ($helpPage.is(':checked'))
            {
    var s = $pageSlider,
            val = s.slider("value"),
            step = s.slider("option", "step");
            s.slider("value", val + step);
            $pages.val(("value", val + step));
            $amount.val([("value", val + step) * pageAmount] / [$daySlider.slider("value")]);
            $slideCalc.click();
            }

else {
            var s = $pageSlider,
            val = s.slider("value"),                
            step = s.slider("option", "step");                
            s.slider("value", val - step);        
            $pages.val(("value", val - step));        
            $amount.val([[("value", val - step) * pageAmount] /  $daySlider.slider("value")]]);
            $slideCalc.click();
            }                   
    }); 

更多

    $('#R_C-helpPage01').html(helpPage01 + '<br />');
    $('#R_C-helpPage02').html(helpPage02 + '<br />');
    $('#R_C-helpPage03').html(helpPage03 + '<br />');
            $('#R_C-helpPage04').html(helpPage04 + '<br />');

$（'R#u C-helpPage01'）.html（helpPage01+'
）；
$（'R#u C-helpPage02'）.html（helpPage02+'
）；
$（'R#u C-helpPage03'）.html（helpPage03+'
）；
$（'R#u C-helpPage04'）.html（helpPage04+'
）；

---

如果您需要更多信息来进行合理的尝试，请告诉我。

对于每个复选框，您应该添加一个额外的rel属性和一个额外的类

  <input type="checkbox" rel="1" id="R_C-helpPage01" name="helpPage01" value="helpPage01" class="R_C R_C-width20 helpcb" />
  <label id="R_C-helpPage01" class="W_E"></label> 

  <input type="checkbox" rel="2" id="R_C-helpPage02" name="R_C-helpPage02" value="helpPage02" class="R_C R_C-width20 helpcb" /> 
  <label id="R_C-helpPage02" class="R_C"></label> 

  <input type="checkbox" rel="3" id="R_C-helpPage03" name="R_C-helpPage03" value="helpPage03" class="R_C R_C-width20 helpcb" /> 
  <label id="R_C-helpPage03" class="R_C"></label>

此外，您应该使用数组，而不是为帮助页定义50个不同的变量

var helpPage = ['About Us', 'Contact Us', 'Other page'];
alert(helpPage[1]); // Alerts 'contact us'

---

对你的脚本进行jslint你有一大堆语法错误。我还没有深入研究检查语法错误的各种方法…我将不得不研究一下。这是我第一次尝试编写jquery脚本，我还在学习，还有很多东西要做。谢谢你的提醒。看起来不错……我会照样安排的。除了复选框，还有很多事情在进行，希望它不会在其他地方把事情搞砸。我担心的一件事是contact.php页面无法将复选框名称及其值提取到电子邮件表单中。顺便说一下，谢谢你抽出时间。我相信在学习jquery的过程中，我会遇到其他障碍。我还有其他与其他内容相关的相同形式的复选框。。。。。。通过选择输入类型复选框，这不会影响表单中的其他复选框吗？

$('input[type="checkbox"].helpcb').click(function(e){
  var id = $(this).attr('rel'); // This will extract the "rel" attribute of the checkbox that was checked
  // do other stuff
});

var helpPage = ['About Us', 'Contact Us', 'Other page'];
alert(helpPage[1]); // Alerts 'contact us'