单选框实现取值及选中触发事件

页面效果如图:
默认都不是会员!所以会自动选择否.
单选框实现取值及选中触发事件_第1张图片

选择是以后出现文本输入框,并且校验提交!
单选框实现取值及选中触发事件_第2张图片

页面单选框的代码如下:


<html>
	<head>
		<meta charset="UTF-8">
		<title>单选框选中触发事件title>
	head>
	<body>
		<p>
          <label>是否成为网点管理员:label>
          <span class="field">
          <input type="radio" name="isAdmin" value="1" id="isAdmin" ><input type="radio" name="isAdmin" value="0" id="notAdmin" >span>
        p>
      	<p>
          <span id="myAdmin" style="display: none">
          <label>输入网点编号:label>
          <input type="text" name="netPoint" id="netPoint" value="" />
          span>
      	p>
		
	body>
	 <script src="../js/jquery-1.11.3.min.js">script>
	<script>
		 // 根据单选框触发是否提交事件!
    $('input:radio[name="isAdmin"]').change(function () {
        if ($("#isAdmin").is(":checked")) {
            $("#myAdmin").show();
        }
        if ($("#notAdmin").is(":checked")) {
            $("#myAdmin").hide();
            $("#netPoint").text('');
        }
    })
		
	script>
html>

你可能感兴趣的:(前端)