jq绑定单选框 用点击事件获取值 不选择时提示

可以使用以下代码实现：

HTML代码：

<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
<button id="submit-btn">提交</button>

JavaScript代码：

$("#submit-btn").click(function() {
  var gender = $("input[name='gender']:checked").val();
  if (gender === undefined) {
    alert("请先选择性别");
  } else {
    alert("您选择了" + gender);
  }
});

这段代码使用jQuery绑定了一个点击事件，当用户点击提交按钮时，会获取选中的单选框的值，如果未选择则弹出提示。如果已经选择，弹出选中的值。

相关问题

jq绑定input 用点击事件获取值 不选择时提示

你可以使用 jQuery 的 `val()` 方法获取输入框的值，然后判断是否为空，如果为空就弹出提示框。

示例代码如下：

<input type="text" id="username" placeholder="请输入用户名">
<button id="submit">提交</button>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
  $(function() {
    $('#submit').click(function() {
      var username = $('#username').val();
      if (!username) {
        alert('请输入用户名');
        return;
      }
      
      // 后续处理逻辑
    });
  });
</script>

这段代码会在用户点击提交按钮时获取输入框的值，如果为空就弹出提示框。如果输入框有 placeholder 属性，可以在输入框中显示占位符提示用户输入内容。

input单选框绑定jq

可以使用 jQuery 的 `change()` 方法来监听单选框的选中状态的变化，然后根据选中的值来执行相应的操作。具体代码如下：

<form>
  <label>选项1：<input type="radio" name="options" value="option1"></label>
  <label>选项2：<input type="radio" name="options" value="option2"></label>
  <label>选项3：<input type="radio" name="options" value="option3"></label>
</form>

$('input[type=radio][name=options]').change(function() {
  if (this.value === 'option1') {
    // 选项1被选中
  }
  else if (this.value === 'option2') {
    // 选项2被选中
  }
  else if (this.value === 'option3') {
    // 选项3被选中
  }
});

这里使用了 jQuery 的选择器 `input[type=radio][name=options]` 来选中所有 `name` 属性为 `options` 的单选框，然后监听其 `change` 事件。在事件回调函数中，根据选中的值来执行相应的操作。