如何知道是否在不知道姓名或身份的情况下选择了第7个单选按钮

Question

我有一个动态创建项目选项的产品页面。我想知道是否选择了第7个选项，但我不知道单选按钮的“名称”或“id”，因为它们是自动生成的。

function teasamplecheck() {
	if(document.form1.radio1[7].checked == true) {
    alert("You have selected a sample");
}
    else {
        // DO NOTHING
        }
    }
}
});

<!--START: radio-format-->
<div class="radio-format" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
<input type="radio" name="[oname]" id="radio-[value]" value="[value]" onClick="teasamplecheck();validateValues(document.add,1);updateprice();"  [selected]>
[feature]
<div class="clear"></div>
</div>
<!--END: radio-format-->

那么如何查看这组单选按钮并知道第7个被选中？

Answer 1

使用jQuery .eq()可能是一种方式。

@@ -1 +1 @@
-54321
+12345

这是function teasamplecheck() { if( $(".radio-format input").eq(6).prop("checked") ) { alert("You have selected a sample"); } else { // DO NOTHING } } 因为参数是从零开始的。

所以......这是其父.eq(6) ...内的第7个输入 如果整个radio-format div重复多次......那就是：

radio-format

修改
请参阅评论中的问题

要仅在第7个收音机上发生咔嗒声时触发警报，您​​必须更改条件：

function teasamplecheck() {
    if( $(".radio-format").eq(6).children("input").prop("checked") ) {
        alert("You have selected a sample");
    }
    else {
        // DO NOTHING
    }
}

OR（如果重复整个function teasamplecheck(obj) { if (( obj.value == $(".radio-format input").eq(6).val() ) && ( obj.checked )){ alert("You have selected a sample"); } else { // DO NOTHING } } div）：

radio-format

它比较function teasamplecheck(obj) { if (( obj.value == $(".radio-format").eq(6).children("input").val() ) && ( obj.checked )){ alert("You have selected a sample"); } else { // DO NOTHING } } 处理程序传递的obj的值：

onclick