首页使用JS编写一个radio选择商品的程序

使用JS编写一个radio选择商品的程序

时间: 2023-04-01 11:04:18 浏览: 102

你好，我是 C 知道。关于你的问题，我可以回答。使用 JS 编写一个 radio 选择商品的程序，可以通过以下代码实现： ```html <!DOCTYPE html> <html> <head> <title>选择商品</title> </head> <body> <h2>请选择您需要购买的商品：</h2> <form> <input type="radio" name="product" value="product1"> 商品1<br> <input type="radio" name="product" value="product2"> 商品2<br> <input type="radio" name="product" value="product3"> 商品3<br> <input type="radio" name="product" value="product4"> 商品4<br> </form> <button onclick="submit()">提交</button> <script> function submit() { var selectedProduct = document.querySelector('input[name="product"]:checked').value; alert("您选择的商品是：" + selectedProduct); } </script> </body> </html> ``` 以上代码中，我们使用了 HTML 的表单元素和 JS 的 DOM 操作，实现了一个简单的 radio 选择商品的程序。当用户选择商品并点击提交按钮时，JS 代码会获取用户选择的商品并弹出提示框显示用户选择的商品。希望能对你有所帮助。

阅读全文