`
fumi520
  • 浏览: 13932 次
  • 来自: ...
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

jQuery 之 checkbox 及 radio 取值及設定值的正確方法

阅读更多
[checkbox 賦值]

$("#chk1").attr("checked",''); //設定不打勾
$("#chk2").attr("checked",true); //設定打勾

使用 smarty 塞值,其中{{ $a.is_promote }} 的值是0或是1 ,你也可以直接用php塞值。
$("#is_promote").attr("checked",{{ $a.is_promote }}); //checkbox 賦值

[checkbox 取值]

var v=$("input[name='fetion']").is(":checked"));

v=true有被打勾,否則為 false

或是

var v= (typeof($("input[name=_dis]:checked").val()) == "undefined" )? "0":"1";

直接用三元運算子得到 v值為0或1。

[radio 賦值]

$('input[name="sex"]')[1].checked = true; //radio 賦值==>第二個選項選取

$("input[name=state][value='2']").attr('checked',true); //radio 賦值==>值為2的那個選取

順便一提的,如果一個頁面有很多<input name="xxx" .... > 的欄位,如果每個設定 id 再賦值顯然太累了,不如一行解決。

$("input[name=xxx]").val( 值 );

[radio 取值]

以下範例示範當使用者按下 submit ( id=sb1 ) 時的檢查動作,其中 radio 的 name=doway

$("#sb1").click(function(){
   var method =$("input[name='doway']:checked").val(); //radio 取值,注意寫法
   if( typeof(method) == "undefined"){ // 注意檢查完全沒有選取的寫法,這行是精華
   alert( "請選取操作方式!");
   return false;
}
分享到:
评论

相关推荐

    jquery获取input表单值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jQuery操作复选框(CheckBox)的取值赋值实现代码

    在Web开发中,复选框(Checkbox)是常用的表单元素之一,用于实现多选功能。jQuery作为一个广泛使用的JavaScript库,提供了简单有效的方法来操作HTML元素,包括复选框。本文将详细解释如何使用jQuery来获取和设置复...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    特别是对于RadioButton(单选按钮)、input(输入框)和CheckBox(复选框)这些表单元素,jQuery提供了非常便捷的方法来获取和设置它们的值。本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先...

    jquery获取元素值的方法(常见的表单元素)

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[name=items][checked]’).val(); 获取select被选中项的文本 var ...

    jquery表单元素取值

    ### jQuery表单元素取值详解 #### 一、引言 在Web开发中,表单是用户与网站交互的重要组成部分。jQuery作为一种流行的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作方面,使得开发者能够轻松地处理HTML...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    jQuery 取值、赋值的基本方法.docx

    以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框(TEXTAREA)的值。 - `$("input[@type=radio...

    JQuery表单元素取值赋值方法总结

    对于单选按钮(radio),获取选中的值可使用 `.val()` 方法结合 `:checked` 伪类。例如: ```html <input name="rd" type="radio" value="1">1 <input name="rd" type="radio" value="2" checked="checked">2 取值" ...

    jQuery对html元素取值与赋值的方法

    本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框(Checkbox)以及下拉列表(Select)。 1. **文本框(TEXTBOX)** - 取值:使用`.val()...

    jQuery 取值、赋值的基本方法.pdf

    在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...

    jquery学习

    1. **Radio取值**: 当有一组同名的radio按钮时,只有一个可以被选中。要获取选中的radio的值,可以使用以下代码: ```javascript var item = $('input[@name=items][@checked]').val(); ``` 这将返回选中radio...

    jQuery 取值、赋值的基本方法整理

    在本文中,我们将深入探讨jQuery中用于取值和赋值的一些基本方法。 首先,我们来看如何获取和设置文本框(TEXTAREA)的值。通过ID选择器`$("#text_id")`,我们可以轻松地获取或设置文本框的值。例如,`var textval ...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jquery汇总

    通过上述对取值、赋值、事件处理及元素操作的介绍,我们可以看到jQuery如何帮助开发者更高效地控制网页元素,实现复杂的交互效果。掌握这些基础知识,将有助于开发者在实际项目中更加灵活地运用jQuery,提升开发效率...

    Jquery给基本控件的取值、赋值示例

    表单控件是构建网页应用程序时最常使用到的元素,例如文本框(TEXTBOX)、标签(LABEL)、单选按钮(RADIO)、复选框(CHECKBOX)和下拉列表(SELECT)等。掌握如何通过JQuery来获取和设置这些基本控件的值,对于...

    jQuery对html元素的取值与赋值实例详解

    除了取值和赋值,jQuery还提供了一些辅助方法来进行表单元素的操作: - **重置表单**: - 重置表单内的所有元素:`$("form").each(function(){.reset();});` - **向下拉框添加选项(OPTION)**: - 向指定的...

    jQuery对表单元素的取值和赋值操作代码

    例如,要获取ID为`keyword`的文本框的值,正确的写法是`$("#keyword").val()`,而不是`$("#keyword").value`,因为`$("#keyword")`是一个jQuery对象,而不是原生的DOM元素,所以需要使用`.val()`这个jQuery的方法。...

Global site tag (gtag.js) - Google Analytics