1. 程式人生 > >checkbox 實現單選並傳值

checkbox 實現單選並傳值

$(function(){
            $("#btnAdd").click(function(){
              var id="";
            $("input[name='fid']:checkbox").each(function(){
                if($(this).attr("checked")){
                    id = $(this).val()
                }
            })           
            if(id==""){
                alert('請勾選您要新增的材料!');
                return;                
            }else{             
                    var form = $("form[name=form]");                   
                    var options = {
                        url: "fjxxByGrzlSave",
                        type: 'post',
                        dataType:'json',
                        success: function(data){
                            if(data){
                                alert("材料成功上傳!");
                                var win = art.dialog.open.origin;  
                                win.location.reload();  
                                art.dialog.close();
                            }else{
                                 alert("上傳失敗請重新登入系統!");
                                art.dialog.close();
                            }
                        }
                    }
                form.ajaxSubmit(options);                       
            }
                            

    });

    $(':checkbox[name=fid]').each(function(){   
        $(this).click(function(){
            if($(this).attr("checked")){
            $(':checkbox[name=fid]').removeAttr("checked");
            $(this).attr("checked","checked");
            }
        });
    });    
    
})

<td class="boder_down" align="center"><input type="checkbox" name="fid" id="checkbox" value="${x.FID}"/></td>       


相關推薦

checkbox 實現

$(function(){             $("#btnAdd").click(function(){               var id="";             $("input[name='fid']:checkbox").each(functi

element-ui Table表格結合CheckBox實現效果

最近做專案遇到一個需求,需要實現一個表格的單選,由於專案使用的是element-ui.於是去看了表格的文件,確實有單選的方法,但是官方的單選是直接選中表格行,通過顏色來區分 看著效果不明顯,實際需要一個複選框可以選擇,效果圖如下   於是自己結合elem

關於到input內小結(迴圈可用)

<input name="build_id" id="build_id" type="radio" value="{{$vo.build_id}}" class="xcv" onclick="**show_val(this)**" > <input t

RecyclerView巢狀CheckBox實現操作每條Item新增分割線

activity_main.xml的佈局:<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/

Vue中CheckBox實現效果

為什麼有radio不用,偏偏要使用CheckBox實現單選效果呢? 答案是如果想同時實現單選,又實現可以一個都不選的話。只能使用CheckBox來做了。   通過jQuery來做 實現思路: 1.如果當前物件不選中:去除當前物件的選中狀態 2.如果當前物件選中:

css3 寫checkbox 標籤框和實現類似於多框的樣式改寫

實現單選框的效果: <p class="login-p"> <span> <input type="checkbox" class="checkbox" checked="checked"/>

Struts2 checkbox/取

jsp 程式碼: <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> < prefix="c" uri="http://java.sun.com/jsp/jst

使用SimpleAdapter建立ListView,加入了點事件,

主檢視介面用於顯示ListView: package com.example.simpadapter2; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import

RecycleView實現框RadioButton,複CheckBox,不定項選擇

該功能是用Recycleview的adapter實現的上面的功能,用起來方便,先上圖 RadioButton的寫法,只有構造方法必須傳入一個數字,及你開始就選中的位置,如果開始沒有選中的,就填預設值 new DialogRadioAdapter(getContext(),

Android實現兩個Activity介面的跳轉

    Android實現Activity兩個介面的跳轉和傳值               前些天試著做了一個音樂播放器,很簡單的一個程式,不過裡面涉及到的知識需要我好好總結下。               首先我們首先說下兩個Activity之間的跳轉,不涉及傳值

vue中的框選中和最後給後臺不一樣,怎麼獲取

vue中的單選框選中值和最後傳給後臺值不一樣:這句話的意思是如果我選擇男女,顯示的也是男女,但是我I需要給後臺的就是id。可能男的id=0,女的id=1; 這時我們應該怎麼辦呢? 去個最基礎的例子 <div id="example-4" class="demo"&

jsp頁面點彈出iframe彈框,到後臺

 function openwindow(id,endDate){                     layer.open({                         type: 2,                         title: false,                  

checkbox實現

checkbox實現反選<input type="checkbox" name="items" value="足球"/>足球<input type="checkbox" name="items" value="籃球"/>籃球<input type="checkbox" name=

react基礎總結篇1,定義組件實現父子組件

實現 efault () 語法 前端 bsp component 定義 我們 前端時間學習了vue,這幾天開始入手react了。 react項目搭建起來之後,我們一定會定義很多個組件。同樣的也會涉及到父子組件的傳值。今天來整理一下這個知識。 1,定義子組件步驟   1,引入

ui實現效果

click oat html script 20px width false min mar <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

vue.js實現框、復框和下拉框

new type 方式 避免 -- js實現 處理 scrip 按鈕 Vue.js可以很方便的實現數據雙向綁定,所以在處理表單,人機交互方面具有很大的優勢。下邊以單選框、復選框和下拉框為例介紹他們在HTML和Vue.js中的具體實現方式。 一、單選框 在傳統的HTML

Ext.tree.Panel實現,多

節點 stc head pro nbsp expand category animate 開啟 Extjs 1 var productCategoryTreeLookUpFn = function(callback) { 2 var produc

javascript原生代碼取框的

checked undefine efi asc doc element 選擇 elements 好用 網上搜索到的,項目中正好用到,先記下來,以後直接從自己的博客上復制粘貼!!! //取單選框選擇中的值,傳入單選框的name function getR

css實現效果,看看有趣的tabIndex

技術分享 分享 多說 有趣的 gif tab abi tabindex img 以前我實現單選變色幾乎都是用js實現的,今天看到有個css屬性可以直接實現單選變色,很開心啊~ 話不多說看效果 實現的代碼如下 使用tabIndex還可以實現別的有趣的效果 話不多說看效果

Android基礎控件——AlertDialog、ProgressDialog實現對話框、多對話框、進度條對話框、輸入框對話框

事先 pre 進度 技術分享 android基礎 水平 介紹 iss support AlertDialog、ProgressDialog實現單選對話框、多選對話框、進度條對話框、輸入框對話框 事先說明: 對話框應選用android.support.v7這個包底下的組件