Javascript 用两个按钮固定开关
我需要修改我的代码,这样如果你点击同一个按钮两次,它就会回到原来的状态 此外,在页面加载时是否可能不选择外螺纹?我正试图弄清楚如何在加载时使两个按钮都未选中 运行jQuery $input[type=button]。单击函数{ $input[type=button]。打开removeClassbutton切换; $this.toggleClassbutton-toggle-on; 如果$this.hasClassgnF varval='female'; else varval=‘男性’; $gender.valvarval; }; Javascript 用两个按钮固定开关,javascript,jquery,toggle,Javascript,Jquery,Toggle,我需要修改我的代码,这样如果你点击同一个按钮两次,它就会回到原来的状态 此外,在页面加载时是否可能不选择外螺纹?我正试图弄清楚如何在加载时使两个按钮都未选中 运行jQuery $input[type=button]。单击函数{ $input[type=button]。打开removeClassbutton切换; $this.toggleClassbutton-toggle-on; 如果$this.hasClassgnF varval='female'; else varval=‘男性’; $ge
您没有将jQuery库包含在该文件中,它现在已添加 包装在$ready函数中,删除了默认的男性选择;应用选择器并按预期更新“valval”。请参阅下面更新的小提琴: 编辑已按要求更新: 应要求:
我采取了一种稍有不同的方法,并冒昧地清理了一些东西
非常感谢。是否可以修改脚本,以便当用户在同一按钮上单击两次时,同一按钮返回到先前的状态?我一直在尝试这个。非常感谢。
<input type="button" class="gnF" />
<input class="req-string gender" id="gender" name="gender">
$("input[type=button]").click(function() {
$("input[type=button]").removeClass("button-toggle-on");
$(this).toggleClass("button-toggle-on");
if($(this).hasClass("gnF")) varval = 'female';
else varval = 'male';
$("#gender").val(varval);
});
.gnM {width:137px;height: 60px;background:#E8E8E8 url('http://www.41q.org/admin/img/male.png') 0px 0px no-repeat;margin-top:15px;padding: 0;border: 0;margin-left: 0px;float: left;outline: none;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 105%;font-style:normal;color:#03F;}
.gnF {width:137px;height: 60px;background:#E8E8E8 url('http://www.41q.org/admin/img/female.png') 0px 0px no-repeat;margin-top:15px;padding: 0;border: 0;margin-left: 0px;float: left;outline: none;text-align:center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 105%;font-style:normal;color:#03F;}
.button-toggle-on {background-position: 0 -120px}