如何使用原生JavaScript和jQuery实现一个单选的性别选项（包括男、女和未知），并且不允许为空值？

在原生JavaScript中，你可以创建HTML的`<input>`元素，并利用`required`属性以及`addEventListener`处理提交事件来验证空值。下面是一个简单的例子：

<label>性别:</label>
<input type="radio" id="male" value="male" name="gender" required>
<label for="male">男</label><br>
<input type="radio" id="female" value="female" name="gender" required>
<label for="female">女</label><br>
<input type="radio" id="unknown" value="unknown" name="gender">
<label for="unknown">未知</label>

<button onclick="validateForm()">提交</button>

<script>
function validateForm() {
  var genderInputs = document.getElementsByName("gender");
  if (!genderInputs.some(input => input.checked)) {
    alert("请选择性别!");
    return false; // 阻止表单提交
  }
}
</script>

在jQuery中，实现方式类似，但简化了DOM操作：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
  $('form').on('submit', function(e) {
    e.preventDefault();
    var selectedGender = $('input[name="gender"]:checked');
    if (!selectedGender.length) {
      alert("请选择性别!");
      return false;
    }
  });
});
</script>
<form>
...
</form>

在这个例子中，如果你尝试提交一个未选择性别选项的表单，会弹出提示并阻止默认的提交动作。