选择器中变量的正确语法以及在 jquery 中使用 php 变量？

Question

我似乎无法获得在 for 语句中包含诸如 $("input[name=' + Var +']"). What i'm attempting to do is have a variable set as a php variable and withvar SomeVar = "";then user it in a selector for a changing variable according to$i` 之类的变量的正确语法。

我尝试以各种不同的方式使用引号，我使用$("input[type=text]"."+var+"") 我正在为从一页中的数据库加载的多个产品运行相同的脚本。他们每个人都有复选框，可以将其他选项相加得出总数。还在为仅选中一个复选框而苦苦挣扎。

     // FOR KEEPING ATLEAST ONE CHECKBOX CHECKED //
 $(document).ready(function(){
 var checkbox3 = "<?php echo $checkbox3;?>";
 $('input[name="'+checkbox3+'"]').click(function() {
 var checkbox4 = "<?php echo $checkbox4;?>";
    $('input[name="'+checkbox4+'"]').not(this).prop('checked', false);
 });
 var checkbox3 = "<?php echo $checkbox3;?>";
 $('input[name="'+checkbox4+'"]').click(function() {
 var checkbox4 = "<?php echo $checkbox4;?>";
    $('input[name="'+checkbox3+'"]').not(this).prop('checked', false);
 });
 });
 function displayVals() {
  calcUsage();
  var mySelect1 = "<?php echo $mySelect1; ?>";
  var singleValues = $('#'+mySelect1).val();
  var pricef1 = "<?php echo $pricef1; ?>"; 
  $('#'+pricef1).val(singleValues);
  }
  // FINAL VALUE DERIVED FROM OPTIONS AND CHECKBOXES //
  var ql1 = "<?php echo $qr1; ?>";
  var $cbs = $('input[id="'+qr1+'"]');
  function calcUsage() {
  var mySelect12 = "<?php echo $mySelect1; ?>";
  var total = $('#'+mySelect12).val();
  $cbs.each(function() {
   if (this.checked)
        total = parseInt(total) + parseInt(this.value);
   });
   var usertotal1 = "<?php echo $usertotal1; ?>";
   $('#'+usertotal1).text('R ' + total +'/day');
   }

此脚本旨在将值加在一起以得出页面上加载的每个产品的总和。

Answer 1

您无需创建 javascript 变量来包含要用作选择器名称的字符串值，只需直接使用 PHP 回显即可。我认为您对引号和双引号感到困惑。请记住，PHP 将首先被解析，将来自 PHP 的值留在最终包含您的 javascript 的文本文件中，因此在将 php 块用作 JS 中的选择器字符串时，请将其视为结果字符串。

我已经重构了你的代码来说明。我还简化了您的复选框选择器部分（尽管如果您想要一组可用的选项但只能选择 1 个，那么您真的应该使用单选按钮）。

function calcUsage() {
    var total = $('#<?php echo $mySelect1; ?>').val();
    $('#<?php echo $qr1; ?>').each(function() {
        if (this.checked) {
            total = parseInt(total) + parseInt(this.value);
        }
    });
    $('#<?php echo $usertotal1; ?>').text('R '+total+'/day');
}

function displayVals() {
    calcUsage();
    var singleValues = $('#<?php echo $mySelect1; ?>').val();
    $('#<?php echo $pricef1; ?>').val(singleValues);
}

$(document).ready(function(){
    $('input[type="checkbox"]').click(function(){
        $('input[type="checkbox"]').not($(this)).prop('checked', false);
    });
});

Answer 2

试着在这一行做些小改动

$('input[name="'+checkbox4+'"]').not(this).prop('checked', false);

改成：

$($('input[name="'+checkbox4+'"]').not(this)).prop('checked', false);