freemaker页面复选框全选与反选

系统管理员 2022-06-13 04:46 156阅读 0赞

<tr>

<td align="right" style="width:120px">

<input type="checkbox" class="chk\_list"  id="checkall" checked="checked" value="" >

<td>全选/取消全选</td>

</td>

</tr>

<\#if partnerFieldList?exists>

<\#list partnerFieldList as partnerField>

<tr>

<td align="right" style="width:120px"><input type="checkbox" checked="checked" id=" fieldNames" name="fieldNames" value="$\{partnerField.name\}" /></td>

<td style="width:150px">

$\{partnerField.description\}

</td>

<\#if fieldTypeList?exists>

<td style="width:150px">

<select id="fieldType" name="fieldType" class="cword chosen">

<\#list fieldTypeList as fieldType>

<option value="$\{fieldType.id\}">$\{fieldType.name\}</option>

</\#list>

</select>

</td>

</\#if>

</tr>

</\#list>

</\#if>

js实现：

$(function()\{

$('\#partnerFieldAddForm').Validform(\{

btnSubmit:"\#saveBtn",

tiptype:2,

showAllError:true,

beforeSubmit: function()\{

var ids = "";

var selectedCheckboxs =$("input:checked\[name='fieldNames'\]");

$.each(selectedCheckboxs, function(index, value)\{

ids += $(value).val() +',';

var value =  $(value).val()+'|'+$(value).parent().next().next().children().val();

$(this).val(value);

\})

ids = ids.substring(0, ids.length - 1);

if (ids.length == 0) \{

$.jBox.tip('请先选择一行数据！');

return false;

\}

\}

\});

$( "\#checkall").click(

function()\{

if(this.checked)\{

$("input\[name=' fieldNames'\]").attr('checked', true)

\}else\{

$("input\[name= 'fieldNames'\]").attr('checked', false)

\}

\}

);

$('.chosen').chosen(\{

"no\_results\_text":'未找到匹配数据!',

"width":"120px",

"allow\_single\_deselect":true

\});

$('\#cancelBtn').click(function()\{

parent.jBox.close(true);

\});

\});

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 实现复选框全选和反选

//全选 function chooseAll() \{ var selects = document.getElementsByName('id

深碍√TFBOYSˉ_/ 2022年08月26日 11:24/ 0 赞/ 186 阅读

相关 jQuery复选框全选反选操作

<!DOCTYPE html> <html > <head> <title> jquery-ajax </title> <sc

刺骨的言语ヽ痛彻心扉/ 2022年08月18日 12:09/ 0 赞/ 228 阅读

相关复选框的全选及其反选的实现

关键方法概述 prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时，则返回第一个匹配元素的值。当该方法用于设置属性值时，则为匹配元素集合设

忘是亡心i/ 2022年07月16日 07:09/ 0 赞/ 116 阅读

相关 jQuery实现复选框的全选和反选

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

绝地灬酷狼/ 2022年07月11日 15:24/ 0 赞/ 185 阅读

相关 freemaker页面复选框全选与反选

<tr> <td align="right" style="width:120px">

系统管理员/ 2022年06月13日 04:46/ 0 赞/ 157 阅读

相关 js实现复选框的全选、取消全选、反选

思路很简单：全选：将所有复选框的checked设置为true 取消全选：将所有复选框的checked设置为false 反选：将所有选中的复选框设置为false，未选中的

朱雀/ 2022年05月18日 05:47/ 0 赞/ 345 阅读

相关 JavaScript复选框（全选/全不选反选）

实例代码： 1 JS代码： <script type="text/javascript"> window.οnlοad=function()\{

一时失言乱红尘/ 2022年05月17日 01:46/ 0 赞/ 228 阅读

相关 js 实现复选框全选和反选

//全选 function chooseAll() \{ var selects = document.getElementsByName('id

蔚落/ 2022年05月11日 13:42/ 0 赞/ 210 阅读

相关 jquery实现复选框的全选与全不选与反选

<html> <head> <meta charset="utf-8" /> <title>全选/全不选/反选</title>

古城微笑少年丶/ 2022年04月03日 06:26/ 0 赞/ 246 阅读

相关 javascript 复选框（checkbox）全选/全不选/反选

其实很简单，先分析一下效果分析：　　1，点击全选/全不选　　　全选文字变成全不选，同时全选按钮和所有按钮选中状态，否则，则相反　　2，点击反选按钮

た入场券/ 2021年11月19日 14:24/ 0 赞/ 505 阅读