【发布时间】：2019-07-02 09:38:03
【问题描述】：
我正在尝试抓取索引后的字符，以用于选择具有相同最后一个字符的另一个输入。目前我有以下错误消息：thisObj1.indexOf is not a function for thisObj 和 thisObj1。
我尝试使用 for 循环和 i 与选择器，但这导致所有类似的元素都受到影响。
<input type="text" value="5" id="nosday"><br><br>
<input type="hidden" value="3" id="countrows"><br>
////////////////////////FIRST FORM/////////////////////////////
<br>
<form id="formaddi1" class="formadd1">
<label for="standardi1">Standard</label>
<input type="radio" name="packn1" id ="standardi1" class="pack1 standardc1 qr1" value="1050" checked><br><br>
<label for="equippedi1">Equipped</label>
<input type="radio" name="packn1" id ="equippedi1" class="pack1 equippedc1 qr1" value="0" ><br><br>
<label for="gpsi1">GPS</label>
<input type="checkbox" name="gpsn1" id ="gpsi1" value="20" class ="gpsc1 qr1"><br><br>
<label for="boosteri1">booster</label>
<input type="checkbox" name="boostern1" id ="boosteri1" value="20" class =" boosterc1 qr1"><br><br>
<label for="onetenti1">One tent</label>
<input type="radio" name="tentn1" id ="onetenti1" class="stent1 onetentc1 qr1" value="1350" disabled><br><br>
<label for="twotenti1">Two tents :</label>
<input type="radio" name="tentn1" id ="twotenti1" class="stent1 twotentc1 qr1" value="1450" disabled><br><br>
Daily :<span id="dailytotali1"> </span><br><br>
Total :<span id="lengthtotali1"> </span>
<br><br>
<br><input tyep="text" id="dailytoti1" name="pricefn11" value="">
<br><input tyep="text" id="lengthtoti1" name="pricefn21" value="">
<br><br><br>
</form>
////////////////////////SECOND FORM/////////////////////////////
<BR>
<form id="formaddi2" class="formadd2">
<label for="standardi2">Standard</label>
<input type="radio" name="packn2" id ="standardi2" class="quip2 standardc2 qr2" value="125" checked><br><br>
<label for="equippedi2">Equipped</label>
<input type="radio" name="packn2" id ="equippedi2" class="quip2 equippedc2 qr2" value="0" ><br><br>
<label for="gpsi2">GPS</label>
<input type="checkbox" name="gpsn2" id ="gpsi2" value="20" class ="gpsc2 qr2"><br><br>
<label for="boosteri2">booster</label>
<input type="checkbox" name="boostern2" id ="boosteri2" value="20" class ="boosterc2 qr2"><br><br>
<label for="onetenti2">One tent</label>
<input type="radio" name="tentn2" id ="onetenti2" class="stent2 onetentc2 qr2" value="1350" disabled><br><br>
<label for="twotenti2">Two tents :</label>
<input type="radio" name="tentn2" id ="twotenti2" class="stent2 twotentc2 qr2" value="1450" disabled><br><br>
Daily :<span id="dailytotali2"> </span><br><br>
Total :<span id="lengthtotali2"> </span><br><br>
<br><input tyep="text" id="dailytoti2" name="pricefn12" value="">
<br><input tyep="text" id="lengthtoti2" name="pricefn22" value="">
<br><br><br>
</form>
////////////////////////THIRD FORM/////////////////////////////
<form id="formaddi3" class="formadd3">
<br>
<label for="standardi3">Standard</label>
<input type="radio" name="packn3" id ="standardi3" class="quip3 standardc3 qr3" value="1050" checked><br><br>
<label for="equippedi3">Equipped</label>
<input type="radio" name="packn3" id ="equippedi3" class="quip3 equippedc3 qr3" value="0" ><br><br>
<label for="gpsi3">GPS</label>
<input type="checkbox" name="gpsn3" id ="gpsi3" value="20" class ="gpsc3 qr3"><br><br>
<label for="boosteri3">booster</label>
<input type="checkbox" name="boostern3" id ="boosteri3" value="20" class ="boosterc3 qr3"><br><br>
<label for="onetenti3">One tent</label>
<input type="radio" name="tentn3" id ="onetenti3" class="stent3 onetentc3 qr3" value="1350" disabled><br><br>
<label for="twotenti3">Two tents :</label>
<input type="radio" name="tentn3" id ="twotenti3" class="stent3 twotentc3 qr3" value="1450" disabled><br><br>
Daily :<span id="dailytotali3"> </span><br><br>
Total :<span id="lengthtotali3"> </span><br><br>
<br><input tyep="text" id="dailytoti3" name="pricefn13" value="">
<br><input tyep="text" id="lengthtoti3" name="pricefn23" value="">
</form>
function Calc() {
//get the values of the selected options
var counter = $("#countrows").val();
let totals = [];
for (i = 1; i <= counter; i++) {
totals[i] = 0;
$.each($('.qr' + i + ':checked'), function() {
totals[i] += parseInt($(this).val());
});
console.log(totals[i]);
$('#dailytotali' + i).text('R' + totals[i] + '/day');
$('#lengthtotali' + i).text('R' + totals[i] * parseFloat($("#nosday").val()) + '/day');
$('#dailytoti' + i).val(totals[i]);
$('#lengthtoti' + i).val(totals[i] * parseFloat($("#nosday").val()));
}
}
Calc();
$("[class*=qr]").on("change", function(e) {
e.preventDefault();
Calc();
});
function Equip(thisOb1)
{
var lastChar = thisOb1.substr(thisOb1.indexOf("c") + 1);
$('input.onetentc'+ lastChar).prop("disabled", false);
$('input.twotentc'+ lastChar).prop("disabled", false);
$('input.onetentc'+ lastChar).prop("checked", true);
$('input.standardc'+ lastChar).prop("checked", false);
}
function Standard(thisOb)
{
var lastChar1 = thisOb.substr(thisOb.indexOf("i") + 1)
$('input.onetentc'+ lastChar1).prop("checked", false);
$('input.twotentc'+ lastChar1).prop("checked", false);
$('input.onetentc'+ lastChar1).prop("disabled", true);
$('input.twotentc'+ lastChar1).prop("disabled", true);
}
$("[id*=standardi]").click(function() {
var thisid = $(this).attr('id');
Standard(thisid);
});
$("[id*=equippedi]").click(function() {
var thisid1 = $(this).attr('id');
Equip(thisid1);
});
示例 CLICK --> 标准、禁用和取消选中 --> onetent 和 twotent。 我这里有一个例子：https://jsfiddle.net/shiataz12/oj51vfpm/166/
我正在尝试将类或 ID 名称传输到函数，然后选择索引后的字符以用于选择相同形式的另一个输入。欢迎任何意见或建议。
【问题讨论】：
-
使用
split()会更好吗？ -
当我使用
alert(that);我得到[object Object]