jquery - How to only allow a list of dynamically added inputs not have the same number value chosen by the front end user -


i have dynamically created un ordered list. each list item has image input field type:number , label element. have javascript allowing user enter number 1-10; want allow user give each image unique rating, in other words user couldn't rate 2 images both 9.

example of list

this jquery code append images select when checked in different section:

$('#confirm').click(function(){    $('#checkedimagecontainer').removeclass('hidden');     $(this).prop('disabled', true);     $("input[name='tool']").each(function () {       if( $(this).is(':checked') ){         $('.checkedimagelist').append('<li>            <img src="' + $(this).parent('li').find('img').attr('src') + '">            <input id="rateinput" type="number" value="1" min="1" max="10">            <label id="ratebutton">rate</label></li>');       }    }); }

and place in html <ul> lives:

<div id="checkedimagecontainer" class="hidden col-md-4">    <div class="text-center">       <h3>now rate favorite images!!(#1-10)</h3>       <ul class="checkedimagelist"></ul>       <button id="guesscheck">that's opini0n</button>    </div> </div>

using clearshots suggestion of check against other inputs.

here fiddle, can't have duplicate entries in list of inputs.

https://jsfiddle.net/d9grwkgn/2/

$('input').change(function() {   if ($('input').not(this).map(function() {       return $(this).val();     }).get().indexof($(this).val()) >= 0)     $(this).val(''); })

-

Comments

Post a Comment

Popular posts from this blog

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more

swift - Button on Table View Cell connected to local function -

i have table view cell loaded data parse request. loads "friend requests", showing requesting friends name , 2 buttons, "accept" , "reject" here cellforrowatindexpath func: func tableview(tableview: uitableview, cellforrowatindexpath indexpath: nsindexpath) -> uitableviewcell { let cell:notifications_jlr_cell = self.tableview.dequeuereusablecellwithidentifier("cell") as! notifications_jlr_cell cell.txtrequestdesc.text = searchresults[indexpath.row].requesteename + " has requested friend" cell.btnapprove_outlet.addtarget(self, action:selector("approve"), forcontrolevents: uicontrolevents.touchupinside) return cell } the table loads fine, , addtarget line, once "approve" button clicked, runs func: func approve() { println("approve") } however, when fetching parse data, have set in array, objectid friend request, want refer in approve() function how can pass objectid ...
Read more