JSP中如何获取radio 或checkbox的值
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JSP中如何获取radio 或checkbox的值相关的知识，希望对你有一定的参考价值。
JSP中如何获取radio 或checkbox的值
额，，说个最简单的。
<input type="radio" value="男"/>
<input type="radio" value="女"/>
如何在页面中使用request.getParameter();获取选中的值呢。？
1、首先新建一个html文件，命名为test.html，在test.html文件内，在p标签内，使用input标签创建三个checkbox选项用于测试。
2、在test.html文件内，使用button标签创建一个按钮，按钮名称为“获得checkbox选中数量”。
3、在test.html文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getnum（）函数。
4、在js标签中，创建getnum()函数，在函数内，使用getElementsByTagName()方法通过元素名称获得input对象。同时，创建一个空数组arr，用于保存选中的选项值。
5、在浏览器打开test.html文件，点击按钮，查看结果。
1、新建html文档。
2、书写hmtl代码。<div id="main"> <div class="demo"> <div class="col"> <h4>Checkbox(复选按钮)</h4><div class="opt"> <input class="magic-checkbox" type="checkbox" name="layout" id="c1"><label for="c1">Normal</label></div>。
3、初始化css代码。<style>html, body width : 100%; height : 100%; margin : 0; padding : 0; .wrapper position : relative; width : 420px; margin : 0 auto; padding : 0; font-size : 0; .icon position : relative; display : inline-block; width : 100px; height : 100px; margin 。
4、查看效果。
比如这里有个form.html，而且它要提交到result.jsp
<form action="result.jsp" method="post">
<input type="radio" value="男" name="gender"/>
<input type="radio" value="女" name="gender"/>
</form>
然后在result.jsp页面中使用：
<%
String gender = request.getParameter("gender");
out.println("<h1>" + gender + "</h1>");
%>
这样就行了
2.关于Check Box
比如这里有个form.html，而且它要提交到result.jsp
<form action="result.jsp" method="post">
<input type="checkbox" value="男" name="gender"/>
<input type="checkbox" value="女" name="gender"/>
</form>
然后result.jsp页面中使用：
<%
String[] genders = request.getParameterValues("gender");
for (int i=0; i<genders.length; i++)
out.println("<h1>" + genders[i] + "</h1>");
%>
这样就行本回答被提问者采纳 参考技术C 1、采用dom的方式可以如下
<body>
<input type='checkbox' id='aaa'/>
</body>
<script>
if(document.getElementById('aaa').checked)
else
alert('没有选中');
</script>
2、采用jquery的方式如下
$('#aaa').attr('checked'); 参考技术D 1.关于Radio
Button
比如这里有个form.html，而且它要提交到result.jsp
<form
action="result.jsp"
method="post"
<input
type="radio"
value="男"
name="gender"/
<input
type="radio"
value="女"
name="gender"/</form
然后在result.jsp页面中使用：<%
String
gender
=
request.getParameter("gender");
out.println("<h1"
+
gender
+
"</h1");%这样就行了
2.关于Check
Box
比如这里有个form.html，而且它要提交到result.jsp
<form
action="result.jsp"
method="post"
<input
type="checkbox"
value="男"
name="gender"/
<input
type="checkbox"
value="女"
name="gender"/</form
然后result.jsp页面中使用：<%
String[]
genders
=
request.getParameterValues("gender");
for
(int
i=0;
i<genders.length;
i++)
如何在 Reactjs 中获取单选按钮（react-radio-buttons）的值？
【中文标题】如何在 Reactjs 中获取单选按钮（react-radio-buttons）的值？【英文标题】：How do I get the value of Radio button(react-radio-buttons) in Reactjs? 【发布时间】：2018-03-25 12:55:32 【问题描述】：如何获取单选按钮的值，如果我在 RadioGroup 中调用 updateRadioButton 会导致错误。我需要使用（react-radio-buttons）在控制台中打印为男性或女性。单选按钮打印正确，但我无法获得值。提前谢谢你。
class CreateUserComponent extends React.Component
constructor(props)
super(props);
this.state=radio:''
updateRadioButton(e)
this.setState( radio: e.target.value );
<RadioGroup horizontal>
<RadioButton value="Male">Male</RadioButton>
<RadioButton value="Female">Female</RadioButton>
</RadioGroup>
【问题讨论】：
【参考方案1】：根据这个库的DOCS，RadioGroup 有一个 onChange 属性处理程序，你可以传递它，它将返回选定的值，然后你可以将它设置为状态或传递它。
这是您的代码的小型运行示例：
debugger
const RadioGroup = ReactRadioButtonsGroup.ReactRadioButtonsGroup;
const RadioButton = ReactRadioButtonsGroup.ReactRadioButton;
class App extends React.Component
constructor(props)
super(props);
this.state = ;
onRadiochange = value =>
console.log(value);
;
render()
return (
<div>
<RadioGroup horizontal onChange=this.onRadiochange>
<RadioButton value="Male">Male</RadioButton>
<RadioButton value="Female">Female</RadioButton>
</RadioGroup>
</div>
);
ReactDOM.render(<App />, document.getElementById("root"));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-radio-buttons-group@1.0.2/build/bundle.min.js"></script>
<div id="root"></div>【讨论】：
@PremKumar 没问题，我用你的代码添加了一个正在运行的 sn-p 哇，非常感谢 :-)【参考方案2】：来自this react-radio-buttons example：
class CreateUserComponent extends React.Component
...
updateRadioButton(value)
this.setState( radio: value );
render()
...
return (
<RadioGroup horizontal onChange=this.updateRadioButton >
<RadioButton value="Male">Male</RadioButton>
<RadioButton value="Female">Female</RadioButton>
</RadioGroup>
)
...
【讨论】：
【参考方案3】：将 onChange 事件添加到 RadioGroup。
class CreateUserComponent extends React.Component
constructor(props)
super(props);
this.state=radio:'';
this.updateRadioButton = this.updateRadioButton.bind(this);
updateRadioButton(value)
this.setState( radio: value );
render()
return(
<RadioGroup horizontal onChange=this.updateRadioButton>
<RadioButton value="Male">Male</RadioButton>
<RadioButton value="Female">Female</RadioButton>
</RadioGroup>
);
【讨论】：
谢谢。但是， e.target.value 不起作用。 updateRadioButton(value) this.setState( radio: value ) 你是对的。我没有注意到这一点。我刚刚更新了。以上是关于JSP中如何获取radio 或checkbox的值的主要内容，如果未能解决你的问题，请参考以下文章