使用带有JavaScript的单选按钮

时间:2018-04-30 08:23:46

标签: javascript html

我对JavaScript很新,我需要一些帮助。

我已经在这个主题上搜索了一段时间,但却找不到任何东西。 我正在创建一个随机引用生成器,我需要创建它,以便用户可以从1到5的无线电输入中选择。

所以我的问题是,我可以以某种方式将单选按钮与JS中的switch语句连接起来,所以当用户例如选择"一个"然后提交,他在屏幕上显示一个引用? 这只需要用JavaScript完成,所以没有Jquery

1 个答案:

答案 0 :(得分:0)

我们假设你有这个HTML:

   LinearLayout item = findViewById(R.id.linear_layout_duel_basic_easy);
    for (int i = 0 ; i < 10; i++) {
        View child = getLayoutInflater().inflate(R.layout.linear_layout_duel_1, null);
        item.addView(child);
        final int finalI = i;
        child.findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "clicked = " + finalI, Toast.LENGTH_LONG).show();
            }
        });
    }

您可以在JS中执行的操作是侦听onsubmit事件,然后获取所需的表单值。拥有它们后,您只需在switch语句中使用无线电值(<form id="myForm"> <input type="radio" name="rand" value="1" /> ... <input type="radio" name="rand" value="5" /> <button>Submit</button> </form> )。

rand