如何将所选按钮的名称和值按入javascript多维数组?
我有一些按钮组,如下所示:如何将所选按钮的名称和值按入javascript多维数组?,javascript,html,arrays,multidimensional-array,Javascript,Html,Arrays,Multidimensional Array,我有一些按钮组,如下所示: <div class="btn-group" id="RPPP"> <button type="button" class="btn" name="PPP" value="1">1</button> <button type="button" class="btn" name="PPP" value="2">2</button> <
<div class="btn-group" id="RPPP">
<button type="button" class="btn" name="PPP" value="1">1</button>
<button type="button" class="btn" name="PPP" value="2">2</button>
<button type="button" class="btn" name="PPP" value="3">3</button>
<button type="button" class="btn" name="PPP" value="4">4</button>
<button type="button" class="btn" name="PPP" value="5">5</button>
</div>
这样我就可以让他们像:
[购买力平价][4]
[TTT][3]
[DDD][5]您应该使用对象而不是数组。 因此,如果您有一个像PPP这样的对象,您可以在该对象中放置一个数组 例如:
var obj = {
'PPP' : ['1', '2'],
'TTT' : ['1', '2']
};
obj.PPP[0] == '1';
obj.PPP[1] == '2';
obj.TTT[0] == '1';
obj.TTT[1] == '2';
看看这个示例代码。 为了达到你的目的,你需要付出努力。 请注意,我正在选择此呼叫的所有按钮: 另外,请注意,我已将所有按钮放在一个组中,但我希望您能理解我的想法
var coll = document.querySelectorAll('button');
因此,根据您的html,您可能需要更改html以选择按钮
var myBtnn=document.getElementById'secnext';
myBtnn.addEventListener“单击”函数事件{
var数组=[];
var coll=document.queryselectoral'button';
//将按钮名称和值都存储在数组中
var collArr=[].slice.callcoll;
var ans=[];
var obj=collArr.reducefunction obj,btn{
if!obj[btn.name]{
对象[btn.name]=0;
}
对象[btn.name]++;
返回obj;
}, {};
对于obj中的var i{
如果对象拥有自己的财产i{
ans.push[i,obj[i];
}
}
洛根;
};
1.
2.
3.
4.
1.
2.
3.
4.
5.
6.
7.
8.
其他按钮组的外观如何?其他按钮是否在其他组中?是否应使用复选框?@PankajShukla是!每个按钮组都在其他组中,但它们看起来都一样。@darham我应该吗?我是的!您在js中所做的是向analise按钮添加eventlistener,但其他按钮没有可获取的状态。除非向每个按钮添加EventListener并在用户单击时获取值,否则不能调用js来获取未更改状态的按钮
var obj = {
'PPP' : ['1', '2'],
'TTT' : ['1', '2']
};
obj.PPP[0] == '1';
obj.PPP[1] == '2';
obj.TTT[0] == '1';
obj.TTT[1] == '2';
var coll = document.querySelectorAll('button');