DW jquery单选框

DW（Dreamweaver）也可以实现 jQuery 单选框，具体方法如下：

1. 在 Dreamweaver 中新建一个 HTML 页面，添加以下 HTML 代码：

<form>
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
</form>

2. 在页面中添加 jQuery 库，可以在头部添加以下代码：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

3. 在页面中添加 jQuery 代码，可以在头部或者页面底部添加以下代码：

<script>
$(document).ready(function(){
  $('input[type="radio"]').click(function(){
    var gender = $('input[name="gender"]:checked').val();
    alert("您选择的性别是：" + gender);
  });
});
</script>

4. 保存页面并在浏览器中打开，测试单选框是否生效。

以上就是在 Dreamweaver 中实现 jQuery 单选框的方法，与纯代码实现方法基本一致，只需在 Dreamweaver 中添加相应的代码即可。

相关问题

DW jquery ui单选框

在 Dreamweaver 中实现 jQuery UI 单选框的方法如下：

1. 在 Dreamweaver 中新建一个 HTML 页面，添加以下 HTML 代码：

<form>
  <fieldset>
    <legend>请选择您的性别:</legend>
    <label for="male">男</label>
    <input type="radio" name="gender" id="male" value="male">

    <label for="female">女</label>
    <input type="radio" name="gender" id="female" value="female">
  </fieldset>
</form>

2. 在页面中添加 jQuery 库和 jQuery UI 库，可以在头部添加以下代码：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.css">

3. 在页面中添加 jQuery 代码，可以在头部或者页面底部添加以下代码：

<script>
$(document).ready(function(){
  $('input[type="radio"]').checkboxradio();
});
</script>

4. 保存页面并在浏览器中打开，测试单选框是否生效。

以上就是在 Dreamweaver 中实现 jQuery UI 单选框的方法，与纯代码实现方法基本一致，只需在 Dreamweaver 中添加相应的代码即可。需要注意的是，使用 jQuery UI 单选框时，需要先调用 `checkboxradio()` 方法进行初始化，才能正常使用。

DW jquery ui单选框样式

你可以使用 jQuery UI 提供的样式来美化单选框，具体步骤如下：

1. 引入 jQuery UI 样式表文件：

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

2. 在 HTML 中使用单选框：

<label for="radio1">Option 1</label>
<input type="radio" id="radio1" name="radio">
<label for="radio2">Option 2</label>
<input type="radio" id="radio2" name="radio">

3. 使用 jQuery UI 样式：

<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
  $( function() {
    $( "input[type='radio']" ).checkboxradio();
  } );
</script>

这样就可以使用 jQuery UI 样式美化单选框了。