错误绑定点击jquery检查值为空 - Error bind click on jquery check value empty

Error bind click on jquery check value empty

本文关键字：检查 jquery 绑定错误 | 更新日期: 2023-09-27

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script  type="text/javascript">
$(document).ready(function(){
   $('#btnSubmit').bind('click', function(){
        var option = $('#option1').val();
        if(option == ''){
            alert('Answer empty');
        }
        return false;
   }); 
});
</script>

…

<input type="radio" id="option1" name="option1 />
<input type="submit" name="btnSubmit" id="btnSubmit" value="submit" />

…

=>错误点击按钮提交不提示

因为该单选的值是on(默认值)，所以看这里:http://jsfiddle.net/DV9WP/

你应该修改你的代码得到:checked单选按钮的值，如果它没有选中，这意味着值为空，警告答案为空

例如

$('#btnSubmit').bind('click', function(){
    alert("");
    var option = $('#option1:checked').val();
        if(!option){
            alert('Answer empty');
        }
        return false;
   });

这里是工作示例http://jsfiddle.net/L8VY8/