Javascript関数が正しく呼び出されません

Question

最初のラジオボタンをクリックしようとしていますが、変数distSelectedとweaponにオブジェクトengDistanceObjectの値を割り当てます。私はHTMLが正しく書かれないかもしれないと思っています...特に入力タグ。

https://jsfiddle.net/Natronox/sbojaxm4/#&togetherjs=zb80KxkQzm

var engDistanceObject = { 
short: ["100m-300m","416 Assault Rifle"], 
long: ["300m-1000m","M110 DMR"] 
}; 

var distSelected; 
var weapon; 

function distanceClick(item){ 
distSelected = engDistanceObject.item[0]; 
weapon = engDistanceObject.item[1]; 
console.log(distSelected,weapon); 
}; 

Answer 1

代わりにアイテムのあなたの短期および長期のプロパティを使用してください。オブジェクトにアイテムプロパティ名がありません。

.short [0]

.short [1]

Answer 2

動的プロパティにアクセスするには、.構文を使用することはできません。アクセスしようとしているプロパティと同じ名前の変数を無視し、存在しないitemプロパティにアクセスしようとします。

代わりに、ブラケット構文[]を使用して、文字列を使用して動的プロパティにアクセスすることができます。これは、関数にパラメータとして文字列を渡す必要があることを意味します。

onclick="distanceClick('long')" 

をそしてあなたのJSにブラケットの構文を使用します：

あなたのHTMLイベントハンドラは、パラメータを引用符で囲む必要があります。

function distanceClick(item){ 
    distSelected = engDistanceObject[item][0]; 
    weapon = engDistanceObject[item][1]; 
    console.log(distSelected, weapon); 
}